/* eslint-disable max-lines */
/*
The SVGs in this file should be treated as binary assets. If, in the future,
we need to make changes to update the color or size or shape of the glyph
then we should take the new asset, copy it, and paste it under the right
header.

This makes it as easy as possible for a designer to make an update to an
asset.

In the future it would be great if these were included from files so that
no copying and pasting is necessary.
*/
import {getDecimalSeparator, getDivideSymbol} from "@khanacademy/perseus-core";
import * as React from "react";

import {useMathInputI18n} from "../i18n-context";

import type {KeypadKey} from "@khanacademy/perseus-core";

type Props = {id: KeypadKey};

export default function ButtonAsset({id}: Props): React.ReactNode {
    const {locale, strings} = useMathInputI18n();
    switch (id) {
        case "NUM_0":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M26.299 20.3598c0 1.512-.164 2.82-.492 3.924-.32 1.104-.764 2.02-1.332 2.748-.568.728-1.236 1.268-2.004 1.62-.768.352-1.596.528-2.484.528-.888 0-1.716-.176-2.484-.528-.768-.352-1.436-.892-2.004-1.62-.56-.728-1-1.644-1.32-2.748-.32-1.104-.48-2.412-.48-3.924s.16-2.82.48-3.924c.32-1.112.76-2.028 1.32-2.748.568-.728 1.236-1.268 2.004-1.62.768-.36 1.596-.54 2.484-.54.888 0 1.716.18 2.484.54.768.352 1.436.892 2.004 1.62.568.72 1.012 1.636 1.332 2.748.328 1.104.492 2.412.492 3.924zm-2.664 0c0-1.28-.104-2.344-.312-3.192-.2-.856-.468-1.54-.804-2.052s-.724-.876-1.164-1.092c-.44-.216-.896-.324-1.368-.324-.48 0-.94.108-1.38.324-.432.216-.816.58-1.152 1.092-.336.512-.604 1.196-.804 2.052-.2.848-.3 1.912-.3 3.192 0 1.28.1 2.348.3 3.204.2.848.468 1.528.804 2.04s.72.876 1.152 1.092c.44.216.9.324 1.38.324.472 0 .928-.108 1.368-.324.44-.216.828-.58 1.164-1.092.336-.512.604-1.192.804-2.04.208-.856.312-1.924.312-3.204z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_1":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M25.363 27.0441v1.956h-9.42v-1.956h3.6v-10.824c0-.384.012-.776.036-1.176l-2.772 2.34c-.12.096-.244.16-.372.192-.12.024-.236.024-.348 0-.104-.024-.2-.06-.288-.108-.08-.056-.144-.116-.192-.18l-.804-1.128 5.208-4.476h2.1v15.36h3.252z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_2":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M24.8471 26.5638c.28 0 .5.084.66.252.16.16.24.368.24.624v1.56h-11.688v-.876c0-.176.036-.36.108-.552.072-.192.188-.368.348-.528l5.376-5.388c.456-.456.86-.892 1.212-1.308.36-.416.664-.832.912-1.248.256-.416.448-.836.576-1.26.136-.432.204-.884.204-1.356 0-.456-.072-.856-.216-1.2-.136-.352-.328-.64-.576-.864-.24-.232-.532-.404-.876-.516-.336-.12-.708-.18-1.116-.18-.392 0-.756.056-1.092.168-.328.112-.624.268-.888.468-.256.2-.472.44-.648.72-.168.272-.292.572-.372.9-.12.328-.276.548-.468.66-.184.112-.456.136-.816.072l-1.356-.24c.12-.816.344-1.532.672-2.148.336-.616.756-1.128 1.26-1.536.504-.416 1.08-.728 1.728-.936.656-.216 1.364-.324 2.124-.324.768 0 1.472.116 2.112.348.648.224 1.204.548 1.668.972.472.416.84.924 1.104 1.524.264.6.396 1.276.396 2.028 0 .64-.096 1.232-.288 1.776-.184.544-.436 1.064-.756 1.56s-.696.98-1.128 1.452c-.424.464-.872.936-1.344 1.416l-4.176 4.272c.344-.096.688-.172 1.032-.228.352-.056.684-.084.996-.084h5.076z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_3":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M14.4552 16.4718c.12-.816.344-1.532.672-2.148.336-.616.756-1.128 1.26-1.536.504-.416 1.08-.728 1.728-.936.656-.216 1.364-.324 2.124-.324.768 0 1.464.112 2.088.336.632.216 1.172.52 1.62.912.456.392.804.86 1.044 1.404.248.544.372 1.14.372 1.788 0 .552-.068 1.04-.204 1.464-.128.416-.316.784-.564 1.104-.24.32-.536.588-.888.804-.352.216-.748.396-1.188.54 1.072.312 1.876.812 2.412 1.5.536.68.804 1.536.804 2.568 0 .832-.156 1.572-.468 2.22-.312.648-.736 1.196-1.272 1.644-.528.448-1.148.792-1.86 1.032-.704.232-1.452.348-2.244.348-.888 0-1.656-.104-2.304-.312-.648-.216-1.208-.52-1.68-.912-.464-.4-.852-.88-1.164-1.44-.312-.56-.576-1.188-.792-1.884l1.116-.468c.296-.128.576-.164.84-.108.272.056.468.204.588.444.128.256.272.532.432.828.16.288.364.556.612.804.256.24.568.444.936.612.376.16.836.24 1.38.24.552 0 1.032-.088 1.44-.264.416-.184.76-.416 1.032-.696.28-.288.488-.608.624-.96s.204-.7.204-1.044c0-.432-.052-.828-.156-1.188-.104-.368-.308-.68-.612-.936-.296-.256-.72-.456-1.272-.6-.544-.152-1.26-.228-2.148-.228v-1.86c.728-.008 1.34-.08 1.836-.216.504-.144.904-.336 1.2-.576.304-.248.52-.544.648-.888.136-.344.204-.72.204-1.128 0-.44-.068-.828-.204-1.164-.136-.336-.328-.616-.576-.84-.24-.232-.528-.404-.864-.516-.336-.112-.708-.168-1.116-.168-.392 0-.756.056-1.092.168-.328.112-.624.268-.888.468-.256.2-.472.44-.648.72-.176.272-.304.572-.384.9-.112.328-.264.548-.456.66-.184.112-.456.136-.816.072l-1.356-.24z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_4":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M21.691 22.616v-6.312c0-.504.036-1.056.108-1.656l-5.808 7.968h5.7zm4.632 0v1.488c0 .144-.048.268-.144.372-.088.104-.224.156-.408.156h-1.836V29h-2.244v-4.368h-7.476c-.184 0-.344-.052-.48-.156-.128-.112-.212-.248-.252-.408l-.264-1.32 8.292-11.04h2.424v10.908h2.388z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_5":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M17.6591 18.1042c.416-.088.812-.152 1.188-.192.384-.04.752-.06 1.104-.06.904 0 1.7.136 2.388.408.696.264 1.276.632 1.74 1.104.472.472.824 1.028 1.056 1.668.24.632.36 1.32.36 2.064 0 .92-.16 1.756-.48 2.508-.32.752-.764 1.396-1.332 1.932-.568.528-1.24.936-2.016 1.224-.768.288-1.6.432-2.496.432-.528 0-1.032-.052-1.512-.156-.472-.104-.916-.244-1.332-.42-.416-.184-.8-.392-1.152-.624-.352-.24-.668-.488-.948-.744l.792-1.104c.168-.24.392-.36.672-.36.176 0 .368.064.576.192.208.128.448.268.72.42.28.144.608.28.984.408.376.128.824.192 1.344.192.568 0 1.076-.092 1.524-.276.448-.184.824-.44 1.128-.768.312-.336.548-.736.708-1.2.16-.464.24-.972.24-1.524 0-.504-.076-.956-.228-1.356-.144-.4-.364-.74-.66-1.02-.288-.28-.652-.492-1.092-.636-.44-.152-.948-.228-1.524-.228-.424 0-.86.036-1.308.108-.44.072-.888.184-1.344.336l-1.608-.456 1.416-8.256h8.364v1.116c0 .368-.116.668-.348.9-.232.232-.62.348-1.164.348h-5.064l-.696 4.02z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_6":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M19.975 27.0562c.52 0 .996-.084 1.428-.252.432-.176.8-.416 1.104-.72.312-.304.552-.664.72-1.08.168-.416.252-.868.252-1.356 0-.528-.084-1-.252-1.416-.16-.424-.392-.78-.696-1.068-.296-.288-.656-.508-1.08-.66-.416-.16-.876-.24-1.38-.24-.52 0-.992.088-1.416.264-.416.176-.772.416-1.068.72-.296.304-.524.66-.684 1.068-.16.408-.24.84-.24 1.296 0 .512.072.98.216 1.404.144.424.356.788.636 1.092.28.296.624.528 1.032.696.416.168.892.252 1.428.252zm-.948-8.976c-.128.16-.252.312-.372.456l-.336.432c.368-.208.772-.372 1.212-.492.44-.12.912-.18 1.416-.18.672 0 1.316.112 1.932.336.616.216 1.156.544 1.62.984.472.432.848.972 1.128 1.62.28.64.42 1.38.42 2.22 0 .8-.148 1.548-.444 2.244-.288.696-.696 1.304-1.224 1.824-.528.512-1.164.92-1.908 1.224-.736.296-1.552.444-2.448.444-.896 0-1.704-.144-2.424-.432-.72-.288-1.336-.692-1.848-1.212-.504-.528-.892-1.16-1.164-1.896-.272-.736-.408-1.556-.408-2.46 0-.784.168-1.604.504-2.46.336-.856.856-1.756 1.56-2.7l4.248-5.7c.128-.168.312-.312.552-.432.248-.12.524-.18.828-.18h2.28l-5.124 6.36z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_7":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M26.083 11.7202v1.14c0 .336-.036.608-.108.816-.072.208-.144.384-.216.528l-6.828 13.896c-.12.256-.292.472-.516.648-.216.168-.504.252-.864.252h-1.86l6.96-13.668c.128-.248.256-.472.384-.672.128-.2.272-.392.432-.576h-8.628c-.16 0-.3-.06-.42-.18-.12-.128-.18-.272-.18-.432v-1.752h11.844z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_8":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M19.999 27.1518c.52 0 .984-.072 1.392-.216.408-.152.748-.36 1.02-.624.28-.272.492-.592.636-.96.144-.368.216-.768.216-1.2 0-.528-.084-.984-.252-1.368-.16-.384-.388-.7-.684-.948-.288-.256-.632-.444-1.032-.564-.4-.128-.832-.192-1.296-.192-.464 0-.896.064-1.296.192-.4.12-.748.308-1.044.564-.288.248-.516.564-.684.948-.16.384-.24.84-.24 1.368 0 .432.072.832.216 1.2.144.368.352.688.624.96.28.264.624.472 1.032.624.408.144.872.216 1.392.216zm0-13.644c-.472 0-.888.072-1.248.216-.352.144-.644.336-.876.576-.232.24-.408.524-.528.852-.112.32-.168.66-.168 1.02s.048.712.144 1.056c.104.344.264.652.48.924.224.264.516.476.876.636.36.16.8.24 1.32.24s.96-.08 1.32-.24c.36-.16.648-.372.864-.636.224-.272.384-.58.48-.924.104-.344.156-.696.156-1.056 0-.36-.06-.7-.18-1.02-.112-.328-.288-.612-.528-.852-.232-.24-.524-.432-.876-.576-.352-.144-.764-.216-1.236-.216zm2.724 6.48c1.064.328 1.86.848 2.388 1.56.536.712.804 1.596.804 2.652 0 .76-.144 1.448-.432 2.064-.288.616-.692 1.14-1.212 1.572-.52.432-1.144.768-1.872 1.008-.72.232-1.52.348-2.4.348-.88 0-1.684-.116-2.412-.348-.72-.24-1.34-.576-1.86-1.008-.52-.432-.924-.956-1.212-1.572-.288-.616-.432-1.304-.432-2.064 0-1.056.264-1.94.792-2.652.536-.712 1.336-1.232 2.4-1.56-.864-.344-1.516-.844-1.956-1.5-.432-.656-.648-1.444-.648-2.364 0-.648.128-1.252.384-1.812s.616-1.044 1.08-1.452c.472-.416 1.036-.74 1.692-.972.656-.24 1.38-.36 2.172-.36.792 0 1.512.12 2.16.36.656.232 1.216.556 1.68.972.472.408.836.892 1.092 1.452.264.56.396 1.164.396 1.812 0 .92-.22 1.708-.66 2.364-.432.656-1.08 1.156-1.944 1.5z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NUM_9":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M16.735 16.8558c0 1.024.272 1.812.816 2.364.552.544 1.32.816 2.304.816.528 0 .992-.084 1.392-.252.408-.168.752-.392 1.032-.672.28-.288.492-.62.636-.996.144-.384.216-.792.216-1.224 0-.504-.08-.952-.24-1.344-.152-.4-.372-.74-.66-1.02-.28-.28-.616-.492-1.008-.636-.392-.152-.82-.228-1.284-.228-.488 0-.928.08-1.32.24-.392.16-.728.384-1.008.672-.28.28-.496.616-.648 1.008-.152.384-.228.808-.228 1.272zm4.428 5.364c.16-.2.308-.388.444-.564.136-.184.264-.368.384-.552-.416.296-.88.524-1.392.684-.512.152-1.056.228-1.632.228-.624 0-1.224-.104-1.8-.312-.576-.216-1.088-.532-1.536-.948-.448-.424-.808-.944-1.08-1.56-.264-.624-.396-1.34-.396-2.148 0-.76.14-1.476.42-2.148.288-.672.688-1.256 1.2-1.752.512-.504 1.124-.9 1.836-1.188.712-.288 1.5-.432 2.364-.432.856 0 1.632.14 2.328.42.696.272 1.288.66 1.776 1.164.488.496.864 1.092 1.128 1.788.264.688.396 1.448.396 2.28 0 .52-.048 1.012-.144 1.476-.088.464-.22.916-.396 1.356-.168.432-.376.86-.624 1.284-.24.416-.512.84-.816 1.272l-4.068 5.832c-.12.176-.3.32-.54.432-.232.112-.496.168-.792.168h-2.364l5.304-6.78z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "DECIMAL":
        case "PERIOD":
            // Different locales use different symbols for the decimal separator
            // (, vs .)
            if (id === "DECIMAL" && getDecimalSeparator(locale) !== ".") {
                // comma decimal separator
                return (
                    <svg
                        width="40"
                        height="40"
                        viewBox="0 0 32 32"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                        data-testid="comma-decimal"
                    >
                        <path
                            d="M11.5559 25.3544C11.8679 24.661 12.1799 23.933 12.4919 23.1704C12.8039 22.425 13.0986 21.6884 13.3759 20.9604C13.6706 20.2324 13.9219 19.5737 14.1299 18.9844H16.6259L16.7299 19.2704C16.4526 19.877 16.1232 20.5357 15.7419 21.2464C15.3606 21.9397 14.9619 22.633 14.5459 23.3264C14.1299 24.037 13.7139 24.713 13.2979 25.3544H11.5559Z"
                            fill="#21242C"
                        />
                    </svg>
                );
            }
            // period / US decimal separator
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                    data-testid="period-decimal"
                >
                    <path
                        d="M18.3401 27.512c0-.232.04-.448.12-.648.088-.208.204-.388.348-.54.152-.152.328-.272.528-.36.208-.088.428-.132.66-.132.232 0 .448.044.648.132.208.088.388.208.54.36.152.152.272.332.36.54.088.2.132.416.132.648 0 .24-.044.46-.132.66-.088.2-.208.376-.36.528-.152.152-.332.268-.54.348-.2.088-.416.132-.648.132-.232 0-.452-.044-.66-.132-.2-.08-.376-.196-.528-.348-.144-.152-.26-.328-.348-.528-.08-.2-.12-.42-.12-.66z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "PLUS":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M12 20c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1z"
                        fill="#21242C"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M20 28c-.5523 0-1-.4477-1-1V13c0-.5523.4477-1 1-1s1 .4477 1 1v14c0 .5523-.4477 1-1 1z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "MINUS":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M12 20c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "TIMES":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M14.3432 14.3428c.3905-.3905 1.0237-.3905 1.4142 0l9.8995 9.8995c.3905.3906.3905 1.0237 0 1.4143-.3905.3905-1.0237.3905-1.4142 0l-9.8995-9.8995c-.3905-.3906-.3905-1.0237 0-1.4143z"
                        fill="#21242C"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M14.3431 25.6573c-.3905-.3905-.3905-1.0237 0-1.4142l9.8995-9.8995c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142l-9.8995 9.8995c-.3905.3905-1.0237.3905-1.4142 0z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "CDOT":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <g clipPath="url(#clip0_874_41555)">
                        <circle cx="20" cy="20" r="1.5" fill="#21242C" />
                    </g>
                    <defs>
                        <clipPath id="clip0_874_41555">
                            <path
                                fill="#fff"
                                transform="translate(18.5 18.5)"
                                d="M0 0h3v3H0z"
                            />
                        </clipPath>
                    </defs>
                </svg>
            );
        case "DIVIDE":
            // Different locales use different division symbols
            if (getDivideSymbol(locale) === ":") {
                // colon divide symbol (:)
                return (
                    <svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="40"
                        height="40"
                        viewBox="0 0 40 40"
                        fill="none"
                    >
                        <path
                            d="M18.332 24.3801C18.332 24.1481 18.372 23.9321 18.452 23.7321C18.54 23.5241 18.656 23.3441 18.8 23.1921C18.952 23.0401 19.128 22.9201 19.328 22.8321C19.536 22.7441 19.756 22.7001 19.988 22.7001C20.22 22.7001 20.436 22.7441 20.636 22.8321C20.844 22.9201 21.024 23.0401 21.176 23.1921C21.328 23.3441 21.448 23.5241 21.536 23.7321C21.624 23.9321 21.668 24.1481 21.668 24.3801C21.668 24.6201 21.624 24.8401 21.536 25.0401C21.448 25.2401 21.328 25.4161 21.176 25.5681C21.024 25.7201 20.844 25.8361 20.636 25.9161C20.436 26.0041 20.22 26.0481 19.988 26.0481C19.756 26.0481 19.536 26.0041 19.328 25.9161C19.128 25.8361 18.952 25.7201 18.8 25.5681C18.656 25.4161 18.54 25.2401 18.452 25.0401C18.372 24.8401 18.332 24.6201 18.332 24.3801ZM18.332 15.6321C18.332 15.4001 18.372 15.1841 18.452 14.9841C18.54 14.7761 18.656 14.5961 18.8 14.4441C18.952 14.2921 19.128 14.1721 19.328 14.0841C19.536 13.9961 19.756 13.9521 19.988 13.9521C20.22 13.9521 20.436 13.9961 20.636 14.0841C20.844 14.1721 21.024 14.2921 21.176 14.4441C21.328 14.5961 21.448 14.7761 21.536 14.9841C21.624 15.1841 21.668 15.4001 21.668 15.6321C21.668 15.8721 21.624 16.0921 21.536 16.2921C21.448 16.4921 21.328 16.6681 21.176 16.8201C21.024 16.9721 20.844 17.0921 20.636 17.1801C20.436 17.2601 20.22 17.3001 19.988 17.3001C19.756 17.3001 19.536 17.2601 19.328 17.1801C19.128 17.0921 18.952 16.9721 18.8 16.8201C18.656 16.6681 18.54 16.4921 18.452 16.2921C18.372 16.0921 18.332 15.8721 18.332 15.6321Z"
                            fill="#21242C"
                        />
                    </svg>
                );
            }
            // US divide symbol (÷)
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M20 16c.8284 0 1.5-.6716 1.5-1.5S20.8284 13 20 13s-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5zm-8 4c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1zm9.5 5.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "LEFT_PAREN":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M22.6402 9.2318c.4243.35357.4816.9841.128 1.4084-4.6909 5.6292-4.6909 13.0905 0 18.7196.3536.4243.2963 1.0549-.128 1.4084-.4243.3536-1.0549.2963-1.4084-.128-5.3091-6.3708-5.3091-14.9095 0-21.28036.3535-.42428.9841-.4816 1.4084-.12804z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "RIGHT_PAREN":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M18.3598 9.2318c.4243-.35356 1.0549-.29624 1.4084.12804 5.3091 6.37086 5.3091 14.90956 0 21.28036-.3535.4243-.9841.4816-1.4084.128-.4242-.3535-.4816-.9841-.128-1.4084 4.691-5.6291 4.691-13.0904 0-18.7196-.3536-.4243-.2962-1.05483.128-1.4084z"
                        fill="#21242C"
                    />
                </svg>
            );

        case "BACKSPACE":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M10 20l6-6h12.1716v12H16l-6-6zm-1.41421-1.4142l6.00001-6C14.9609 12.2107 15.4696 12 16 12h12.1716c1.1045 0 2 .8954 2 2v12c0 1.1046-.8955 2-2 2H16c-.5304 0-1.0391-.2107-1.4142-.5858l-6.00001-6c-.78105-.781-.78105-2.0474 0-2.8284zm13.87871-1.2929l-1.2929 1.2929-1.2929-1.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142L19.7574 20l-1.2929 1.2929c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l1.2929-1.2929 1.2929 1.2929c.3905.3905 1.0237.3905 1.4142 0 .3906-.3905.3906-1.0237 0-1.4142L22.5858 20l1.2929-1.2929c.3906-.3905.3906-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "DISMISS":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="20"
                    height="20"
                    fill="currentColor"
                    viewBox="0 0 256 256"
                >
                    <path
                        // flip to point down
                        transform="scale(1,-1) translate(0, -260)"
                        d="M205.66,125.66a8,8,0,0,1-11.32,0L128,59.31,61.66,125.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,125.66Z"
                    />
                </svg>
            );
        // TODO: figure out what the difference is and what we need for what
        case "FRAC_INCLUSIVE":
        case "FRAC_EXCLUSIVE":
        case "FRAC":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M16 10C16 9.44772 16.4477 9 17 9H23C23.5523 9 24 9.44772 24 10V16C24 16.5523 23.5523 17 23 17H17C16.4477 17 16 16.5523 16 16V10ZM18 11H22V15H18V11ZM14 20C14 19.4477 14.4477 19 15 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H15C14.4477 21 14 20.5523 14 20ZM17 23C16.4477 23 16 23.4477 16 24V30C16 30.5523 16.4477 31 17 31H23C23.5523 31 24 30.5523 24 30V24C24 23.4477 23.5523 23 23 23H17ZM22 25H18V29H22V25Z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "NEGATIVE":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M12.9571 13.2929c.3905.3905.3905 1.0237 0 1.4142C11.6871 15.9771 11 17.9485 11 20c0 2.0515.6871 4.0229 1.9571 5.2929.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0C9.81292 24.9771 9 22.4485 9 20c0-2.4485.81292-4.9771 2.5429-6.7071.3905-.3905 1.0237-.3905 1.4142 0zM14 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H15c-.5523 0-1-.4477-1-1zm14.4571-6.7071c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142C28.3129 15.9771 29 17.9485 29 20c0 2.0515-.6871 4.0229-1.9571 5.2929-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0C30.1871 24.9771 31 22.4485 31 20c0-2.4485-.8129-4.9771-2.5429-6.7071z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "RADICAL":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M9 9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V9Zm2 1h4v4h-4v-4Zm12 2a1 1 0 0 0-.841.46l-8.174 12.714-3.153-4.729a1 1 0 0 0-1.664 1.11l4 6a1 1 0 0 0 1.673-.014L23.546 14H30a1 1 0 1 0 0-2h-7Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "SQRT":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M22.159 12.46A1 1 0 0 1 23 12h7a1 1 0 1 1 0 2h-6.454l-8.705 13.54a1 1 0 0 1-1.673.015l-4-6a1 1 0 0 1 1.664-1.11l3.153 4.73 8.174-12.716Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "CUBE_ROOT":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M9.684 9.246a3.052 3.052 0 0 0-.33 1.023l.798.143c.209.033.368.02.478-.038.11-.063.2-.186.27-.369a1.05 1.05 0 0 1 .154-.324c.07-.1.152-.186.247-.259.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .59.091.77.275.184.183.275.449.275.797 0 .165-.024.317-.071.457a.746.746 0 0 1-.248.357 1.297 1.297 0 0 1-.5.231 3.359 3.359 0 0 1-.82.083v1.067c.4 0 .715.029.946.088.235.055.41.135.528.242a.674.674 0 0 1 .231.38c.033.146.05.31.05.494 0 .14-.028.28-.083.424a1.116 1.116 0 0 1-.632.649c-.158.07-.343.104-.556.104-.169 0-.319-.024-.45-.071a1.197 1.197 0 0 1-.347-.198 1.738 1.738 0 0 1-.28-.308 3.794 3.794 0 0 1-.232-.385.457.457 0 0 0-.33-.242.809.809 0 0 0-.49.06l-.67.275c.12.356.262.668.423.935.162.264.354.484.578.66.227.176.49.308.786.396.297.088.64.132 1.029.132a3.55 3.55 0 0 0 1.05-.154c.338-.106.633-.264.886-.473a2.3 2.3 0 0 0 .605-.775c.15-.312.225-.671.225-1.078 0-.92-.458-1.531-1.375-1.832a2.24 2.24 0 0 0 .523-.247 1.47 1.47 0 0 0 .621-.864 2.47 2.47 0 0 0 .083-.67c0-.287-.057-.555-.17-.804a1.9 1.9 0 0 0-.48-.654 2.254 2.254 0 0 0-.77-.44c-.3-.11-.641-.165-1.022-.165-.36 0-.695.05-1.007.148a2.47 2.47 0 0 0-.825.435 2.42 2.42 0 0 0-.605.731ZM23 12a1 1 0 0 0-.841.46l-8.174 12.714-3.153-4.729a1 1 0 0 0-1.664 1.11l4 6a1 1 0 0 0 1.673-.014L23.546 14H30a1 1 0 1 0 0-2h-7Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "EXP":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M28 8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V8Zm2 1h4v4h-4V9Zm-16 4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "EXP_2":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M33.58 13.746a.52.52 0 0 0-.386-.137h-1.793c-.161 0-.334.016-.517.05a4.09 4.09 0 0 0-.555.126l1.694-1.733c.212-.216.414-.43.605-.643.19-.213.357-.431.5-.655a3.22 3.22 0 0 0 .347-.715c.084-.25.126-.52.126-.814 0-.34-.06-.653-.181-.935a2.033 2.033 0 0 0-.512-.72 2.293 2.293 0 0 0-.797-.468 2.952 2.952 0 0 0-1.029-.17c-.36 0-.695.05-1.006.148a2.43 2.43 0 0 0-.83.435 2.42 2.42 0 0 0-.606.731 3.049 3.049 0 0 0-.33 1.023l.803.143c.205.033.363.02.473-.038.114-.063.204-.186.27-.369a1.05 1.05 0 0 1 .154-.324 1.18 1.18 0 0 1 .247-.259c.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .592.093.776.28.183.183.275.453.275.809 0 .201-.026.394-.077.577a2.407 2.407 0 0 1-.231.545 4.17 4.17 0 0 1-.385.544 9.098 9.098 0 0 1-.534.578l-2.365 2.37a.897.897 0 0 0-.264.616V15h5.533v-.89a.48.48 0 0 0-.143-.364ZM14 13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "EXP_3":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M28.684 8.246a3.049 3.049 0 0 0-.33 1.023l.798.143c.209.033.368.02.478-.038.11-.063.2-.186.27-.369a1.05 1.05 0 0 1 .154-.324 1.18 1.18 0 0 1 .247-.259c.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .59.091.77.275.183.183.275.449.275.797 0 .165-.024.317-.071.457a.746.746 0 0 1-.248.357 1.298 1.298 0 0 1-.5.231 3.36 3.36 0 0 1-.82.083v1.067c.4 0 .715.029.946.088.235.055.41.135.528.242a.674.674 0 0 1 .231.38c.033.146.05.31.05.494 0 .14-.028.28-.083.424a1.118 1.118 0 0 1-.632.649c-.158.07-.343.104-.556.104-.169 0-.319-.024-.45-.071a1.195 1.195 0 0 1-.347-.198 1.738 1.738 0 0 1-.28-.308 3.794 3.794 0 0 1-.232-.385.457.457 0 0 0-.33-.242.809.809 0 0 0-.49.06l-.67.275c.12.356.262.668.423.935.161.264.354.484.578.66.227.176.49.308.786.396.297.088.64.132 1.029.132.366 0 .716-.051 1.05-.154.337-.106.633-.264.886-.473a2.3 2.3 0 0 0 .605-.775c.15-.312.225-.671.225-1.078 0-.92-.458-1.531-1.375-1.832a2.24 2.24 0 0 0 .523-.247 1.471 1.471 0 0 0 .621-.863 2.47 2.47 0 0 0 .083-.672c0-.286-.057-.554-.17-.803a1.9 1.9 0 0 0-.48-.654 2.254 2.254 0 0 0-.77-.44c-.3-.11-.641-.165-1.022-.165-.36 0-.695.05-1.007.148a2.47 2.47 0 0 0-.825.435 2.42 2.42 0 0 0-.605.731ZM14 13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "TAN":
            return strings.tan;
        case "COS":
            return strings.cos;
        case "SIN":
            return strings.sin;
        case "EQUAL":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M12 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "GT":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M12.058 14.664a1 1 0 0 1 1.278-.605l14 5a1 1 0 0 1 0 1.883l-14 5a1 1 0 1 1-.672-1.884L24.027 20l-11.363-4.058a1 1 0 0 1-.606-1.278Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "LT":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M27.942 14.664a1 1 0 0 1-.606 1.278L15.973 20l11.363 4.058a1 1 0 0 1-.672 1.884l-14-5a1 1 0 0 1 0-1.884l14-5a1 1 0 0 1 1.278.606Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "GEQ":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M12 29a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm.058-14.336a1 1 0 0 1 1.278-.605l14 5a1 1 0 0 1 0 1.883l-14 5a1 1 0 1 1-.672-1.884L24.027 20l-11.363-4.058a1 1 0 0 1-.606-1.278Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "LEQ":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M12 29a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm15.942-14.336a1 1 0 0 1-.606 1.278L15.973 20l11.363 4.058a1 1 0 0 1-.672 1.884l-14-5a1 1 0 0 1 0-1.884l14-5a1 1 0 0 1 1.278.606Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "NEQ":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M12 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Z"
                        clipRule="evenodd"
                    />
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M16 26.928a1 1 0 0 1-.366-1.366l7-12.125a1 1 0 0 1 1.732 1l-7 12.125a1 1 0 0 1-1.366.366Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "LN":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M16.976 14.112V26H15V14.112h1.976Zm3.817 4.688a5.19 5.19 0 0 1 .52-.456 3.195 3.195 0 0 1 1.248-.592 3.16 3.16 0 0 1 .768-.088c.448 0 .845.078 1.192.232.346.15.634.363.864.64.234.272.41.6.528.984.122.379.184.798.184 1.256V26H24.12v-5.224c0-.501-.115-.888-.344-1.16-.23-.277-.579-.416-1.048-.416-.342 0-.662.078-.96.232a3.439 3.439 0 0 0-.848.632V26h-1.976v-8.208h1.208c.256 0 .424.12.504.36l.136.648Z"
                    />
                </svg>
            );
        case "LOG":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M12.203 14.112V26h-1.976V14.112h1.976Zm5.6 3.552c.608 0 1.16.099 1.656.296.502.198.928.478 1.28.84.358.363.632.806.824 1.328.192.523.288 1.107.288 1.752 0 .651-.096 1.238-.288 1.76a3.741 3.741 0 0 1-.824 1.336 3.528 3.528 0 0 1-1.28.848 4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.896 3.896 0 0 1-.824-1.336 5.076 5.076 0 0 1-.288-1.76c0-.645.096-1.229.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.669 3.669 0 0 1 1.288-.84 4.53 4.53 0 0 1 1.672-.296Zm0 6.936c.683 0 1.187-.229 1.512-.688.331-.458.496-1.13.496-2.016 0-.885-.165-1.56-.496-2.024-.325-.464-.829-.696-1.512-.696-.693 0-1.208.235-1.544.704-.33.464-.496 1.136-.496 2.016 0 .88.166 1.552.496 2.016.336.459.851.688 1.544.688Zm8.493-2.904c.246 0 .459-.032.64-.096.182-.069.331-.162.448-.28.123-.117.214-.258.272-.424.064-.165.096-.346.096-.544 0-.405-.122-.725-.368-.96-.24-.24-.602-.36-1.088-.36-.485 0-.85.12-1.096.36-.24.235-.36.555-.36.96 0 .192.03.371.088.536.064.166.155.31.272.432.123.118.275.211.456.28.187.064.4.096.64.096Zm2.232 4.672c0-.16-.048-.29-.144-.392a.914.914 0 0 0-.392-.232 2.716 2.716 0 0 0-.584-.128 8.987 8.987 0 0 0-.704-.056 32.107 32.107 0 0 0-.768-.04 8.959 8.959 0 0 1-.768-.064 1.908 1.908 0 0 0-.536.432.89.89 0 0 0-.096.976.93.93 0 0 0 .344.328c.16.091.366.16.616.208.251.054.558.08.92.08.368 0 .686-.029.952-.088a2.09 2.09 0 0 0 .656-.232.954.954 0 0 0 .384-.352.84.84 0 0 0 .12-.44Zm1.968-8.296v.736c0 .235-.141.379-.424.432l-.736.136c.112.283.168.592.168.928a2.414 2.414 0 0 1-.92 1.936c-.288.23-.629.408-1.024.536a4.17 4.17 0 0 1-1.264.184c-.16 0-.314-.008-.464-.024a5.807 5.807 0 0 1-.44-.064c-.256.155-.384.328-.384.52 0 .166.075.288.224.368.155.075.358.128.608.16.251.032.536.054.856.064.32.006.648.022.984.048.336.027.664.075.984.144.32.064.606.168.856.312.251.144.451.342.6.592.155.246.232.563.232.952 0 .363-.09.715-.272 1.056a2.773 2.773 0 0 1-.776.912c-.336.267-.752.48-1.248.64-.49.166-1.05.248-1.68.248-.618 0-1.157-.061-1.616-.184-.458-.117-.84-.277-1.144-.48a2.037 2.037 0 0 1-.68-.688 1.623 1.623 0 0 1-.224-.816c0-.384.115-.704.344-.96.235-.261.555-.469.96-.624a1.377 1.377 0 0 1-.52-.448c-.128-.186-.192-.432-.192-.736 0-.122.022-.248.064-.376.048-.133.115-.264.2-.392.091-.128.203-.248.336-.36a2.2 2.2 0 0 1 .472-.312 2.621 2.621 0 0 1-.984-.896c-.234-.373-.352-.81-.352-1.312 0-.405.08-.77.24-1.096.166-.33.392-.61.68-.84a3.11 3.11 0 0 1 1.032-.536c.4-.122.835-.184 1.304-.184.352 0 .683.038.992.112.31.07.592.174.848.312h2.36Z"
                    />
                </svg>
            );
        case "LOG_N":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M12.203 14.112V26h-1.976V14.112h1.976Zm5.6 3.552c.608 0 1.16.099 1.656.296.502.198.928.478 1.28.84.358.363.632.806.824 1.328.192.523.288 1.107.288 1.752 0 .651-.096 1.238-.288 1.76a3.741 3.741 0 0 1-.824 1.336 3.528 3.528 0 0 1-1.28.848 4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.896 3.896 0 0 1-.824-1.336 5.076 5.076 0 0 1-.288-1.76c0-.645.096-1.229.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.669 3.669 0 0 1 1.288-.84 4.53 4.53 0 0 1 1.672-.296Zm0 6.936c.683 0 1.187-.229 1.512-.688.331-.458.496-1.13.496-2.016 0-.885-.165-1.56-.496-2.024-.325-.464-.829-.696-1.512-.696-.693 0-1.208.235-1.544.704-.33.464-.496 1.136-.496 2.016 0 .88.166 1.552.496 2.016.336.459.851.688 1.544.688Zm8.493-2.904c.246 0 .459-.032.64-.096.182-.069.331-.162.448-.28.123-.117.214-.258.272-.424.064-.165.096-.346.096-.544 0-.405-.122-.725-.368-.96-.24-.24-.602-.36-1.088-.36-.485 0-.85.12-1.096.36-.24.235-.36.555-.36.96 0 .192.03.371.088.536.064.166.155.31.272.432.123.118.275.211.456.28.187.064.4.096.64.096Zm2.232 4.672c0-.16-.048-.29-.144-.392a.914.914 0 0 0-.392-.232 2.716 2.716 0 0 0-.584-.128 8.987 8.987 0 0 0-.704-.056 32.107 32.107 0 0 0-.768-.04 8.959 8.959 0 0 1-.768-.064 1.908 1.908 0 0 0-.536.432.89.89 0 0 0-.096.976.93.93 0 0 0 .344.328c.16.091.366.16.616.208.251.054.558.08.92.08.368 0 .686-.029.952-.088a2.09 2.09 0 0 0 .656-.232.954.954 0 0 0 .384-.352.84.84 0 0 0 .12-.44Zm1.968-8.296v.736c0 .235-.141.379-.424.432l-.736.136c.112.283.168.592.168.928a2.414 2.414 0 0 1-.92 1.936c-.288.23-.629.408-1.024.536a4.17 4.17 0 0 1-1.264.184c-.16 0-.314-.008-.464-.024a5.807 5.807 0 0 1-.44-.064c-.256.155-.384.328-.384.52 0 .166.075.288.224.368.155.075.358.128.608.16.251.032.536.054.856.064.32.006.648.022.984.048.336.027.664.075.984.144.32.064.606.168.856.312.251.144.451.342.6.592.155.246.232.563.232.952 0 .363-.09.715-.272 1.056a2.773 2.773 0 0 1-.776.912c-.336.267-.752.48-1.248.64-.49.166-1.05.248-1.68.248-.618 0-1.157-.061-1.616-.184-.458-.117-.84-.277-1.144-.48a2.037 2.037 0 0 1-.68-.688 1.623 1.623 0 0 1-.224-.816c0-.384.115-.704.344-.96.235-.261.555-.469.96-.624a1.377 1.377 0 0 1-.52-.448c-.128-.186-.192-.432-.192-.736 0-.122.022-.248.064-.376.048-.133.115-.264.2-.392.091-.128.203-.248.336-.36a2.2 2.2 0 0 1 .472-.312 2.621 2.621 0 0 1-.984-.896c-.234-.373-.352-.81-.352-1.312 0-.405.08-.77.24-1.096.166-.33.392-.61.68-.84a3.11 3.11 0 0 1 1.032-.536c.4-.122.835-.184 1.304-.184.352 0 .683.038.992.112.31.07.592.174.848.312h2.36Z"
                    />
                    <path
                        fill="#21242C"
                        fillRule="evenodd"
                        d="M32 26a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6Zm5 2h-4v4h4v-4Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "PERCENT":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="currentColor"
                        fillRule="evenodd"
                        d="M24.447 11.106a1 1 0 0 1 .447 1.341l-8 16a1 1 0 1 1-1.788-.894l8-16a1 1 0 0 1 1.341-.447ZM15 13a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm12 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"
                        clipRule="evenodd"
                    />
                </svg>
            );
        case "PI":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        d="M23.7918 25.0379c0 .2947-.13.572-.39.832-.2426.26-.546.39-.91.39-.26 0-.442-.0346-.546-.104-.0866-.0693-.182-.208-.286-.416-.3293-.7626-.494-1.7246-.494-2.886 0-.624.0087-1.04.026-1.248.1214-1.196.39-2.6433.806-4.342.0867-.3466.13-.5373.13-.572h-2.548l-.026.104c0 .0174-.0173.0954-.052.234-.0346.1214-.0866.312-.156.572-.052.2427-.104.468-.156.676-1.144 4.4547-1.8286 6.8814-2.054 7.28-.208.4854-.5806.728-1.118.728-.3986 0-.676-.1473-.832-.442-.0346-.0866-.052-.2253-.052-.416v-.286l.338-.728c1.3-2.7386 2.2447-5.1046 2.834-7.098l.208-.624h-.832c-.6933 0-1.1786.026-1.456.078-.26.052-.5806.2167-.962.494-.416.26-.78.6154-1.092 1.066-.0866.1387-.156.2254-.208.26-.052.0174-.182.026-.39.026-.3293 0-.494-.0866-.494-.26 0-.0693.0867-.2426.26-.52 1.196-1.82 2.366-2.8166 3.51-2.99.1214-.0346 2.0714-.052 5.85-.052 2.7734 0 4.1947.0087 4.264.026.3467.1214.52.364.52.728 0 .5374-.2773.9014-.832 1.092-.104.0347-.702.052-1.794.052h-1.664l-.078.442c-.208 1.248-.312 2.2794-.312 3.094 0 1.5427.2687 2.938.806 4.186.1214.312.182.52.182.624z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "THETA":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="0 0 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M22.2 10.696h.208a2.26 2.26 0 0 1 .312-.026c.936.087 1.664.511 2.184 1.274.676 1.023 1.014 2.418 1.014 4.186 0 .468-.017.84-.052 1.118-.225 2.305-.823 4.463-1.794 6.474-.59 1.23-1.282 2.305-2.08 3.224-.78.919-1.551 1.569-2.314 1.95-.537.243-1.005.364-1.404.364h-.182c-.762 0-1.395-.269-1.898-.806-.918-.97-1.378-2.522-1.378-4.654 0-.832.087-1.707.26-2.626.641-3.467 1.95-6.3 3.926-8.502 1.058-1.161 2.123-1.82 3.198-1.976Zm1.664 3.588c0-1.768-.46-2.652-1.378-2.652-.572 0-1.161.373-1.768 1.118-.866 1.092-1.603 2.652-2.21 4.68-.346 1.092-.52 1.733-.52 1.924.85.017 1.69.026 2.522.026l2.522-.026c.087-.087.243-.763.468-2.028.243-1.265.364-2.28.364-3.042Zm-1.248 6.734.13-.442h-5.07l-.026.182c-.537 2.15-.806 3.753-.806 4.81 0 1.179.208 1.993.624 2.444.19.208.442.312.754.312.694 0 1.421-.563 2.184-1.69.815-1.196 1.552-3.068 2.21-5.616Z"
                    />
                </svg>
            );

        case "a":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M27.781 24.022c.156 0 .26.009.312.026a.18.18 0 0 1 .13.052c.035.035.052.087.052.156 0 .052-.026.182-.078.39-.381 1.456-.85 2.462-1.404 3.016a2.573 2.573 0 0 1-.832.546 2.776 2.776 0 0 1-.624.052c-1.092 0-1.855-.425-2.288-1.274-.087-.225-.13-.33-.13-.312-.017-.017-.052-.008-.104.026l-.104.104c-.832.78-1.655 1.257-2.47 1.43-.104.017-.32.026-.65.026-1.144 0-2.089-.477-2.834-1.43-.52-.762-.78-1.733-.78-2.912 0-.277.009-.468.026-.572a7.916 7.916 0 0 1 1.066-3.172c.607-1.023 1.326-1.846 2.158-2.47 1.005-.78 2.063-1.17 3.172-1.17.867 0 1.647.425 2.34 1.274.277-.52.676-.78 1.196-.78a.93.93 0 0 1 .598.208.64.64 0 0 1 .26.52c0 .226-.33 1.62-.988 4.186-.641 2.548-.962 3.978-.962 4.29 0 .728.243 1.092.728 1.092.156-.017.33-.095.52-.234.364-.346.72-1.178 1.066-2.496.104-.347.19-.529.26-.546.035-.017.121-.026.26-.026h.104Zm-9.594 1.222c0 .624.13 1.127.39 1.508.277.382.676.572 1.196.572.503 0 1.04-.208 1.612-.624.208-.139.485-.398.832-.78.364-.381.58-.641.65-.78.035-.07.269-.997.702-2.782.45-1.785.676-2.747.676-2.886 0-.208-.095-.503-.286-.884-.381-.745-.927-1.118-1.638-1.118-.693 0-1.309.295-1.846.884a6.274 6.274 0 0 0-1.196 2.028 20.753 20.753 0 0 0-1.066 4.264c0 .052-.009.148-.026.286v.312Z"
                    />
                </svg>
            );
        case "b":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.74 10.242c.018 0 .642-.043 1.873-.13 1.248-.104 1.88-.156 1.898-.156.208 0 .312.078.312.234 0 .156-.295 1.395-.884 3.718-.139.59-.295 1.196-.468 1.82a60.807 60.807 0 0 1-.364 1.404l-.104.494c0 .052.052.026.156-.078a4.832 4.832 0 0 1 1.976-.988c.208-.035.424-.052.65-.052.225 0 .442.017.65.052.901.208 1.62.676 2.158 1.404.537.728.806 1.647.806 2.756 0 1.941-.685 3.692-2.054 5.252-1.352 1.543-2.825 2.314-4.42 2.314-.503 0-.98-.113-1.43-.338-1.352-.607-2.028-1.89-2.028-3.848 0-.503.052-.997.156-1.482 0-.017.433-1.794 1.3-5.33l1.326-5.304c.035-.243-.026-.39-.182-.442-.139-.07-.381-.104-.728-.104h-.286c-.364 0-.572-.026-.624-.078-.104-.087-.113-.295-.026-.624.07-.243.13-.381.182-.416.052-.052.104-.078.156-.078Zm6.423 9.308c0-1.387-.529-2.08-1.586-2.08-.035 0-.096.009-.182.026h-.13c-.902.19-1.75.815-2.548 1.872a1.501 1.501 0 0 0-.13.156l-.078.104c0 .017-.156.641-.468 1.872a96.026 96.026 0 0 0-.494 2.08 7.731 7.731 0 0 0-.156 1.456c0 .832.208 1.456.624 1.872.277.277.624.416 1.04.416.572 0 1.152-.277 1.742-.832.433-.399.78-.884 1.04-1.456.277-.59.563-1.5.858-2.73.312-1.248.468-2.167.468-2.756Z"
                    />
                </svg>
            );
        case "c":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M26.932 24.854c.07 0 .182.087.338.26.173.156.26.268.26.338 0 .156-.269.476-.806.962-1.075.97-2.435 1.577-4.082 1.82-.381.034-.72.052-1.014.052-1.855 0-3.146-.763-3.874-2.288a4.598 4.598 0 0 1-.494-2.132c0-.797.165-1.612.494-2.444.503-1.3 1.317-2.4 2.444-3.302 1.144-.919 2.357-1.448 3.64-1.586.104-.017.269-.026.494-.026.607 0 1.17.095 1.69.286.97.416 1.456 1.075 1.456 1.976 0 .537-.165.98-.494 1.326-.33.33-.745.494-1.248.494-.33 0-.59-.087-.78-.26-.19-.19-.286-.45-.286-.78 0-.295.087-.58.26-.858.173-.277.399-.477.676-.598.139-.087.234-.13.286-.13.07 0 .009-.06-.182-.182-.33-.19-.789-.286-1.378-.286-.52 0-1.014.121-1.482.364-.364.156-.737.425-1.118.806a5.29 5.29 0 0 0-1.092 1.612c-.277.624-.555 1.517-.832 2.678-.19.814-.286 1.465-.286 1.95 0 .797.225 1.395.676 1.794.399.416.936.624 1.612.624.26 0 .529-.018.806-.052 1.63-.243 2.964-.962 4.004-2.158.156-.174.26-.26.312-.26Z"
                    />
                </svg>
            );
        case "d":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M26.634 10.112c.26-.017.555-.035.884-.052.33-.035.572-.06.728-.078.173-.017.269-.026.286-.026.208 0 .312.07.312.208 0 .121-.641 2.747-1.924 7.878a2094.732 2094.732 0 0 0-1.924 7.8 2.156 2.156 0 0 0-.026.39c0 .728.243 1.092.728 1.092.156-.017.33-.095.52-.234.364-.347.72-1.179 1.066-2.496.104-.347.19-.529.26-.546.035-.017.121-.026.26-.026h.104c.33 0 .494.07.494.208 0 .07-.026.208-.078.416-.381 1.456-.85 2.461-1.404 3.016a2.572 2.572 0 0 1-.832.546 2.776 2.776 0 0 1-.624.052c-1.092 0-1.855-.425-2.288-1.274-.087-.225-.13-.33-.13-.312-.017-.017-.052-.009-.104.026l-.104.104c-.832.78-1.655 1.257-2.47 1.43-.104.017-.32.026-.65.026-1.144 0-2.089-.477-2.834-1.43-.52-.763-.78-1.733-.78-2.912 0-1.612.59-3.207 1.768-4.784 1.075-1.317 2.27-2.14 3.588-2.47a3.87 3.87 0 0 1 1.066-.156c.953 0 1.681.364 2.184 1.092.087.104.13.139.13.104l.702-2.834c.468-1.837.71-2.8.728-2.886 0-.208-.052-.347-.156-.416-.19-.07-.537-.113-1.04-.13h-.546a1.192 1.192 0 0 1-.182-.208c0-.035.026-.2.078-.494.087-.33.2-.494.338-.494a17.914 17.914 0 0 1 .962-.078l.91-.052Zm-2.236 9.412c-.381-1.37-1.031-2.054-1.95-2.054-.693 0-1.309.295-1.846.884a6.274 6.274 0 0 0-1.196 2.028 20.753 20.753 0 0 0-1.066 4.264c0 .052-.009.147-.026.286v.312c0 .624.13 1.127.39 1.508.277.381.676.572 1.196.572.919 0 1.88-.624 2.886-1.872l.208-.286.702-2.808c.312-1.265.546-2.21.702-2.834Z"
                    />
                </svg>
            );
        case "e":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M26.5 24.854c.07 0 .182.087.338.26.174.156.26.268.26.338 0 .156-.268.476-.806.962-1.421 1.248-3.094 1.872-5.018 1.872-.953 0-1.76-.234-2.418-.702-.381-.208-.728-.546-1.04-1.014-.572-.867-.858-1.846-.858-2.938 0-.659.07-1.309.208-1.95.364-1.352 1.11-2.505 2.236-3.458 1.144-.954 2.514-1.517 4.108-1.69.018-.017.156-.026.416-.026h.078c.728 0 1.344.165 1.846.494.52.312.858.745 1.014 1.3.018.07.026.225.026.468 0 .312-.017.529-.052.65-.364 1.23-1.308 2.036-2.834 2.418-.85.225-2.01.346-3.484.364-.641 0-.97.017-.988.052 0 .017-.017.13-.052.338-.19.85-.286 1.543-.286 2.08 0 .814.182 1.465.546 1.95.364.468.91.702 1.638.702 1.942 0 3.545-.737 4.81-2.21.156-.174.26-.26.312-.26Zm-.858-6.032c-.104-.901-.693-1.352-1.768-1.352-.606 0-1.23.173-1.872.52-.85.503-1.482 1.291-1.898 2.366-.19.52-.286.806-.286.858 0 .017.174.026.52.026.572 0 1.1-.017 1.586-.052 1.023-.087 1.786-.234 2.288-.442a2.776 2.776 0 0 0 1.248-1.04c.122-.26.182-.555.182-.884Z"
                    />
                </svg>
            );
        case "f":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.695 32.212c.468.104.72.156.754.156.399 0 .745-.364 1.04-1.092.208-.572.84-3.657 1.898-9.256.485-2.617.737-3.935.754-3.952v-.078h-1.222c-.815 0-1.248-.017-1.3-.052-.121-.07-.139-.26-.052-.572.07-.26.113-.399.13-.416.035-.087.104-.13.208-.13.121-.017.529-.026 1.222-.026.832 0 1.248-.009 1.248-.026 0-.035.078-.468.234-1.3.156-.832.26-1.335.312-1.508.364-1.647.91-2.79 1.638-3.432.693-.572 1.413-.858 2.158-.858.624.035 1.144.225 1.56.572.433.347.65.806.65 1.378 0 .503-.156.927-.468 1.274-.312.347-.702.52-1.17.52-.763 0-1.144-.364-1.144-1.092 0-.641.303-1.11.91-1.404l.234-.13c-.312-.104-.572-.156-.78-.156-.503 0-.832.33-.988.988-.139.52-.364 1.655-.676 3.406l-.338 1.716c0 .035.477.052 1.43.052.78 0 1.248.009 1.404.026.156.017.234.078.234.182 0 .19-.06.468-.182.832-.035.087-.121.139-.26.156h-2.834l-.598 3.172c-.641 3.31-1.04 5.313-1.196 6.006-.59 2.617-1.378 4.394-2.366 5.33-.641.555-1.274.832-1.898.832-.624 0-1.144-.173-1.56-.52-.416-.347-.624-.806-.624-1.378 0-.52.156-.962.468-1.326.312-.347.702-.52 1.17-.52.763 0 1.144.364 1.144 1.092 0 .641-.303 1.11-.91 1.404l-.234.13Z"
                    />
                </svg>
            );
        case "g":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M17.729 29.846c.312 0 .572.095.78.286.208.19.312.442.312.754 0 .468-.174.867-.52 1.196-.122.121-.165.182-.13.182.173.052.693.078 1.56.078.658 0 1.178-.104 1.56-.312.398-.19.771-.486 1.118-.884.346-.381.589-.78.728-1.196.104-.33.242-.867.416-1.612.225-.832.338-1.318.338-1.456a5.177 5.177 0 0 1-2.08 1.066 3.946 3.946 0 0 1-.65.052c-1.127 0-2.02-.39-2.678-1.17-.642-.797-.962-1.794-.962-2.99 0-1.092.251-2.14.754-3.146.797-1.664 1.941-2.869 3.432-3.614.797-.381 1.551-.572 2.262-.572.797 0 1.551.416 2.262 1.248a.854.854 0 0 0 .104-.13c.242-.399.606-.598 1.092-.598a.93.93 0 0 1 .598.208.64.64 0 0 1 .26.52c0 .26-.494 2.357-1.482 6.292-.988 3.935-1.508 5.945-1.56 6.032-.33.936-1.014 1.707-2.054 2.314-1.023.624-2.176.936-3.458.936-1.994 0-3.172-.381-3.536-1.144-.087-.156-.13-.364-.13-.624 0-.45.156-.85.468-1.196.312-.347.71-.52 1.196-.52Zm8.06-10.374c-.139-.45-.278-.798-.416-1.04a1.757 1.757 0 0 0-.598-.65c-.278-.208-.616-.312-1.014-.312a1.1 1.1 0 0 0-.182.026h-.13c-.728.173-1.361.624-1.898 1.352-.486.641-.945 1.811-1.378 3.51-.295 1.178-.442 2.045-.442 2.6 0 1.37.537 2.054 1.612 2.054.988 0 1.941-.607 2.86-1.82l.208-.26a459.483 459.483 0 0 0 1.378-5.46Z"
                    />
                </svg>
            );
        case "h":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M25.274 28.26c-.676 0-1.23-.2-1.664-.598-.433-.416-.65-.945-.65-1.586 0-.277.087-.659.26-1.144.815-2.097 1.335-3.735 1.56-4.914.052-.26.078-.59.078-.988 0-1.023-.425-1.534-1.274-1.534-.312 0-.537.017-.676.052-1.162.243-2.184 1.075-3.068 2.496l-.182.338-.884 3.51c-.555 2.253-.876 3.484-.962 3.692-.226.468-.607.702-1.144.702-.208 0-.416-.07-.624-.208a.56.56 0 0 1-.286-.494c0-.208 1.274-5.408 3.822-15.6 0-.208-.052-.347-.156-.416-.19-.07-.537-.113-1.04-.13h-.546a1.192 1.192 0 0 1-.182-.208c0-.035.026-.2.078-.494.086-.33.2-.494.338-.494.017 0 .641-.043 1.872-.13 1.248-.104 1.88-.156 1.898-.156.208 0 .312.078.312.234 0 .19-.312 1.5-.936 3.926-.659 2.565-.988 3.874-.988 3.926 0 .035.06-.009.182-.13 1.023-.936 2.15-1.404 3.38-1.404.953 0 1.716.234 2.288.702.572.468.858 1.153.858 2.054 0 .399-.026.728-.078.988-.156.884-.633 2.418-1.43 4.602-.312.85-.468 1.465-.468 1.846.017.243.06.407.13.494.07.087.2.13.39.13.485 0 .936-.26 1.352-.78.433-.537.771-1.248 1.014-2.132.052-.19.104-.303.156-.338.052-.035.19-.052.416-.052.33.052.502.121.52.208 0 .017-.035.147-.104.39-.277 1.023-.72 1.863-1.326 2.522-.59.745-1.335 1.118-2.236 1.118Z"
                    />
                </svg>
            );
        case "i":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M22.302 12.4c0-.399.165-.763.495-1.092.329-.33.71-.494 1.143-.494.313 0 .572.104.78.312.226.208.338.468.338.78 0 .381-.173.745-.52 1.092-.346.347-.727.52-1.143.52-.313 0-.572-.104-.78-.312-.208-.208-.313-.477-.313-.806Zm-.598 15.886c-.675 0-1.221-.2-1.637-.598-.416-.399-.625-.936-.625-1.612 0-.295.018-.494.052-.598 0-.035.4-1.1 1.197-3.198.797-2.115 1.196-3.19 1.196-3.224.086-.277.13-.59.13-.936 0-.416-.148-.624-.442-.624h-.052c-.416 0-.815.2-1.197.598-.554.572-.962 1.387-1.221 2.444a.427.427 0 0 1-.027.104.307.307 0 0 1-.052.078l-.026.026c-.017.017-.052.026-.104.026h-.675c-.105-.104-.157-.182-.157-.234 0-.052.026-.173.078-.364.451-1.49 1.11-2.53 1.977-3.12.468-.364.97-.546 1.508-.546.693 0 1.265.2 1.716.598.45.399.675.936.675 1.612 0 .225-.043.485-.13.78-.017.035-.416 1.1-1.196 3.198l-1.17 3.146c-.086.381-.13.659-.13.832 0 .433.148.65.442.65.243 0 .46-.052.65-.156.763-.364 1.361-1.274 1.794-2.73.053-.208.096-.33.13-.364.052-.035.2-.052.442-.052.156 0 .26.009.313.026.069 0 .12.017.155.052.035.035.052.095.052.182 0 .07-.026.182-.078.338-.329.988-.806 1.846-1.43 2.574-.606.728-1.325 1.092-2.157 1.092Z"
                    />
                </svg>
            );
        case "j":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M24.365 12.504c0-.45.164-.84.494-1.17.329-.347.719-.52 1.17-.52.294 0 .537.095.728.286.208.173.329.407.364.702 0 .468-.156.875-.468 1.222-.312.33-.702.494-1.17.494-.312 0-.572-.087-.78-.26a1.059 1.059 0 0 1-.338-.754Zm-.234 5.72c0-.503-.226-.754-.676-.754-.191 0-.39.035-.598.104-.468.156-.928.485-1.378.988-.434.503-.798 1.118-1.092 1.846a1.45 1.45 0 0 1-.078.182.454.454 0 0 0-.052.13l-.078.026a.492.492 0 0 1-.156.026h-.598c-.14-.139-.156-.32-.052-.546.52-1.248 1.196-2.201 2.028-2.86.589-.468 1.187-.745 1.794-.832h.208c.12-.017.225-.026.312-.026.416.017.797.104 1.144.26.45.277.78.572.988.884.225.295.338.728.338 1.3v.416l-1.274 5.174c-.884 3.467-1.352 5.27-1.404 5.408-.278.745-.754 1.404-1.43 1.976a5.47 5.47 0 0 1-2.21 1.222 5.448 5.448 0 0 1-1.274.156c-.676 0-1.222-.147-1.638-.442-.416-.295-.624-.728-.624-1.3 0-.485.173-.893.52-1.222.346-.33.736-.494 1.17-.494.329 0 .589.095.78.286.208.19.312.45.312.78 0 .624-.278 1.1-.832 1.43.086.017.208.026.364.026.589 0 1.126-.251 1.612-.754a4.877 4.877 0 0 0 1.118-1.69l.286-1.092c.19-.745.416-1.647.676-2.704.277-1.075.554-2.158.832-3.25.277-1.092.51-2.054.702-2.886.19-.85.286-1.343.286-1.482 0-.121-.01-.217-.026-.286Z"
                    />
                </svg>
            );
        case "k":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.783 10.242c.017 0 .641-.043 1.872-.13 1.248-.104 1.88-.156 1.898-.156.208 0 .312.07.312.208 0 .121-.434 1.933-1.3 5.434-.867 3.432-1.3 5.209-1.3 5.33.33-.208.598-.381.806-.52.208-.156.372-.286.494-.39.121-.121.416-.407.884-.858 1.04-1.04 1.768-1.69 2.184-1.95.693-.468 1.352-.702 1.976-.702.52 0 .927.173 1.222.52.312.347.468.806.468 1.378 0 .624-.148 1.135-.442 1.534-.295.381-.71.572-1.248.572a1.24 1.24 0 0 1-.832-.286c-.208-.19-.312-.442-.312-.754 0-.433.147-.797.442-1.092a1.703 1.703 0 0 1 1.04-.546l.182-.052c-.208-.208-.416-.312-.624-.312-.59 0-1.283.295-2.08.884-.33.26-.832.728-1.508 1.404a29.066 29.066 0 0 1-1.768 1.612c.814.19 1.37.338 1.664.442.832.33 1.386.78 1.664 1.352.156.312.234.65.234 1.014 0 .225-.052.598-.156 1.118-.087.52-.13.85-.13.988 0 .693.234 1.04.702 1.04.312 0 .598-.13.858-.39.433-.433.823-1.335 1.17-2.704.034-.139.208-.208.52-.208.242 0 .381.017.416.052.104.07.112.251.026.546-.468 1.577-1.066 2.643-1.794 3.198-.434.312-.858.468-1.274.468-.798 0-1.439-.234-1.924-.702-.468-.485-.702-1.127-.702-1.924a5.2 5.2 0 0 1 .078-.728c.052-.33.078-.563.078-.702 0-.225-.052-.442-.156-.65-.226-.433-.65-.771-1.274-1.014-.572-.19-.97-.286-1.196-.286H19.9c-.226.85-.442 1.673-.65 2.47a99.07 99.07 0 0 1-.442 1.794 9.4 9.4 0 0 1-.234.91 1.231 1.231 0 0 1-.468.572c-.226.173-.468.26-.728.26-.208 0-.416-.07-.624-.208a.56.56 0 0 1-.286-.494c0-.173.32-1.56.962-4.16.641-2.6 1.274-5.157 1.898-7.67l.962-3.77c.034-.243-.026-.39-.182-.442-.139-.07-.382-.104-.728-.104h-.286c-.364 0-.572-.026-.624-.078-.104-.087-.113-.295-.026-.624.07-.243.13-.381.182-.416.052-.052.104-.078.156-.078Z"
                    />
                </svg>
            );
        case "l":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M21.69 28.286c-.78 0-1.404-.217-1.872-.65-.468-.45-.702-1.066-.702-1.846 0-.208.009-.355.026-.442l3.328-13.364a.24.24 0 0 0 0-.156.426.426 0 0 1-.026-.13c0-.035-.017-.06-.052-.078a.408.408 0 0 0-.104-.078c-.017-.017-.052-.026-.104-.026a.426.426 0 0 0-.13-.026.445.445 0 0 0-.182-.026.761.761 0 0 0-.182-.026h-.39c-.416 0-.659-.06-.728-.182-.017-.052 0-.2.052-.442.087-.33.165-.511.234-.546.052-.017.693-.07 1.924-.156a121.23 121.23 0 0 1 1.95-.156c.208 0 .312.07.312.208 0 .19-.633 2.79-1.898 7.8s-1.915 7.635-1.95 7.878c0 .035-.009.113-.026.234v.234c0 .503.121.823.364.962a.72.72 0 0 0 .312.052.986.986 0 0 0 .312-.078c.485-.277.919-1.161 1.3-2.652.104-.347.19-.529.26-.546.035-.017.121-.026.26-.026h.104c.312.087.477.165.494.234 0 .121-.07.425-.208.91-.139.468-.269.84-.39 1.118-.485 1.127-1.11 1.777-1.872 1.95a2.243 2.243 0 0 1-.416.052Z"
                    />
                </svg>
            );
        case "m":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M13.395 28.286a.968.968 0 0 1-.624-.208.597.597 0 0 1-.26-.52c0-.226.33-1.647.988-4.264.676-2.67 1.014-4.065 1.014-4.186.052-.26.078-.494.078-.702 0-.624-.217-.936-.65-.936-.156 0-.33.06-.52.182-.416.33-.832 1.291-1.248 2.886a.427.427 0 0 1-.026.104.301.301 0 0 1-.052.078l-.026.026c-.018.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.226.121-.659.364-1.3.347-1.005.728-1.707 1.144-2.106.416-.416.875-.624 1.378-.624 1.092 0 1.854.39 2.288 1.17.19.33.286.572.286.728 0 .035.009.052.026.052l.286-.286c1.057-1.11 2.28-1.664 3.666-1.664 1.681 0 2.695.71 3.042 2.132l.026.078.208-.26c.641-.763 1.386-1.317 2.236-1.664a4.865 4.865 0 0 1 1.638-.286c.953 0 1.716.234 2.288.702.572.468.858 1.152.858 2.054 0 .399-.026.728-.078.988-.156.884-.633 2.418-1.43 4.602-.312.832-.468 1.447-.468 1.846.017.242.06.407.13.494.07.087.2.13.39.13.485 0 .936-.26 1.352-.78.433-.538.771-1.248 1.014-2.132.052-.19.104-.303.156-.338.052-.035.19-.052.416-.052.33.052.503.121.52.208 0 .017-.035.147-.104.39-.45 1.612-1.265 2.747-2.444 3.406-.312.156-.685.234-1.118.234-.659 0-1.222-.208-1.69-.624-.416-.485-.624-.997-.624-1.534 0-.33.121-.815.364-1.456.762-2.028 1.248-3.57 1.456-4.628.052-.26.078-.59.078-.988 0-1.023-.425-1.534-1.274-1.534-.312 0-.538.017-.676.052-1.213.26-2.245 1.118-3.094 2.574l-.182.312-.858 3.484c-.572 2.27-.901 3.492-.988 3.666-.226.468-.598.702-1.118.702-.416 0-.694-.174-.832-.52l-.026-.078a.398.398 0 0 1-.052-.156c0-.19.294-1.43.884-3.718.138-.555.277-1.127.416-1.716.156-.607.277-1.092.364-1.456.104-.381.156-.59.156-.624.052-.26.078-.59.078-.988 0-1.023-.425-1.534-1.274-1.534-.312 0-.538.017-.676.052-1.213.26-2.245 1.118-3.094 2.574l-.182.312-.858 3.484c-.572 2.27-.901 3.492-.988 3.666-.226.468-.598.702-1.118.702Z"
                    />
                </svg>
            );
        case "n":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M17.013 28.286a.968.968 0 0 1-.624-.208.596.596 0 0 1-.26-.52c0-.226.33-1.638.988-4.238.659-2.6 1.005-4.013 1.04-4.238a4.07 4.07 0 0 0 .026-.598c0-.676-.208-1.014-.624-1.014-.399 0-.763.32-1.092.962-.19.364-.373.91-.546 1.638a8.959 8.959 0 0 0-.156.546c-.035.104-.2.156-.494.156h-.364c-.104-.104-.156-.182-.156-.234 0-.07.043-.252.13-.546.52-2.046 1.317-3.19 2.392-3.432.139-.035.286-.052.442-.052 1.023 0 1.76.39 2.21 1.17.19.33.286.572.286.728 0 .035.009.052.026.052l.286-.286c1.075-1.11 2.28-1.664 3.614-1.664.953 0 1.716.234 2.288.702.572.468.858 1.152.858 2.054 0 .399-.026.728-.078.988-.173.988-.65 2.505-1.43 4.55-.312.832-.468 1.447-.468 1.846 0 .45.147.676.442.676.59 0 1.092-.312 1.508-.936a7.04 7.04 0 0 0 .988-2.158c.035-.139.208-.208.52-.208.33.052.503.121.52.208 0 .017-.035.147-.104.39-.45 1.612-1.265 2.747-2.444 3.406-.312.156-.685.234-1.118.234-.659 0-1.222-.208-1.69-.624-.416-.485-.624-.997-.624-1.534 0-.33.121-.815.364-1.456.763-2.028 1.248-3.57 1.456-4.628.052-.26.078-.59.078-.988 0-1.023-.425-1.534-1.274-1.534-.312 0-.537.017-.676.052-1.213.26-2.245 1.118-3.094 2.574l-.182.312-.858 3.484c-.572 2.27-.901 3.492-.988 3.666-.225.468-.598.702-1.118.702Z"
                    />
                </svg>
            );
        case "o":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M23.152 16.534h.364c.555 0 .902.009 1.04.026 1.092.19 1.95.676 2.575 1.456.623.78.936 1.786.936 3.016 0 1.023-.27 2.046-.806 3.068a7.88 7.88 0 0 1-2.756 3.042c-1.18.763-2.375 1.144-3.588 1.144-1.214 0-2.193-.347-2.939-1.04-.745-.693-1.204-1.603-1.378-2.73a4.113 4.113 0 0 1-.026-.572c0-.45.026-.814.078-1.092.156-.884.494-1.742 1.014-2.574a8.9 8.9 0 0 1 1.82-2.158c1.18-.919 2.401-1.447 3.666-1.586Zm-4.316 8.346c0 .745.2 1.344.599 1.794.416.434.953.65 1.612.65.311 0 .623-.052.936-.156 1.265-.416 2.21-1.37 2.834-2.86.38-.936.693-2.106.936-3.51.017-.104.026-.372.026-.806 0-1.681-.711-2.522-2.133-2.522-1.091 0-2.053.503-2.886 1.508-.572.694-1.04 1.699-1.404 3.016-.346 1.265-.52 2.227-.52 2.886Z"
                    />
                </svg>
            );
        case "p":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M16.216 20.772c-.104-.104-.156-.182-.156-.234 0-.139.113-.546.338-1.222.33-1.005.72-1.733 1.17-2.184.416-.416.875-.624 1.378-.624 1.3 0 2.132.555 2.496 1.664l.26-.234c.78-.728 1.586-1.188 2.418-1.378.208-.035.425-.052.65-.052.225 0 .442.017.65.052.901.208 1.62.676 2.158 1.404.537.71.806 1.62.806 2.73 0 .815-.165 1.698-.494 2.652a8.628 8.628 0 0 1-1.924 3.016c-.85.85-1.777 1.43-2.782 1.742a4.732 4.732 0 0 1-1.248.156 3.04 3.04 0 0 1-1.014-.156 2.818 2.818 0 0 1-1.144-.91l-.13-.13c-.017.017-.208.771-.572 2.262-.364 1.49-.546 2.244-.546 2.262v.078c.017.035.035.06.052.078a.2.2 0 0 0 .078.026c.035.017.07.026.104.026a.429.429 0 0 0 .13.026h.182c.07.017.13.026.182.026h1.092c.087.121.13.2.13.234.017.035 0 .19-.052.468-.052.208-.104.338-.156.39-.052.07-.165.104-.338.104-.277 0-.737-.009-1.378-.026a55.471 55.471 0 0 0-1.404-.026c-1.213 0-1.985.017-2.314.052h-.208c-.121-.121-.182-.217-.182-.286 0-.07.035-.217.104-.442.052-.226.095-.356.13-.39l.104-.078h.52c.59-.017.927-.121 1.014-.312.052-.104.58-2.176 1.586-6.214 1.023-4.039 1.551-6.18 1.586-6.422.017-.087.026-.208.026-.364 0-.71-.217-1.066-.65-1.066a.761.761 0 0 0-.52.182c-.416.33-.832 1.291-1.248 2.886a.427.427 0 0 1-.026.104.301.301 0 0 1-.052.078l-.026.026c-.017.017-.052.026-.104.026h-.676Zm9.932-1.222c0-1.387-.529-2.08-1.586-2.08a1.1 1.1 0 0 0-.182.026h-.13c-.901.19-1.75.815-2.548 1.872a1.523 1.523 0 0 0-.13.156l-.078.104c0 .017-.035.147-.104.39a38.14 38.14 0 0 1-.286 1.118c-.121.52-.234.97-.338 1.352-.45 1.837-.676 2.79-.676 2.86.121.416.234.72.338.91.381.71.91 1.066 1.586 1.066.555 0 1.066-.19 1.534-.572.468-.399.858-.91 1.17-1.534.312-.59.633-1.56.962-2.912.312-1.248.468-2.167.468-2.756Z"
                    />
                </svg>
            );
        case "q":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M23.01 32.992h-1.43c-.59.017-1.022.026-1.3.026-.26 0-.39-.07-.39-.208 0-.035.009-.096.026-.182a.601.601 0 0 0 .052-.208c.07-.278.13-.442.182-.494.07-.052.243-.078.52-.078.832 0 1.335-.06 1.508-.182.104-.07.347-.858.728-2.366.347-1.404.529-2.115.546-2.132 0-.017-.06.009-.182.078a5.075 5.075 0 0 1-1.95.988c-.104.017-.32.026-.65.026-1.144 0-2.089-.477-2.834-1.43-.52-.763-.78-1.733-.78-2.912 0-.277.009-.468.026-.572a7.916 7.916 0 0 1 1.066-3.172c.607-1.023 1.326-1.846 2.158-2.47 1.005-.78 2.063-1.17 3.172-1.17.988 0 1.785.45 2.392 1.352.416-.416.694-.668.832-.754.59-.416.988-.624 1.196-.624.174 0 .26.07.26.208 0 .156-.598 2.626-1.794 7.41-1.23 4.922-1.846 7.418-1.846 7.488 0 .139.295.216.884.234h.936c.087.121.13.19.13.208.017.035 0 .2-.052.494-.07.225-.156.39-.26.494h-.338c-.537-.035-1.473-.052-2.808-.052Zm2.34-13.468c-.381-1.37-1.031-2.054-1.95-2.054-.693 0-1.308.295-1.846.884a6.274 6.274 0 0 0-1.196 2.028 20.755 20.755 0 0 0-1.066 4.264c0 .052-.009.147-.026.286v.312c0 .624.13 1.127.39 1.508.277.381.676.572 1.196.572.919 0 1.88-.624 2.886-1.872l.208-.286.702-2.808c.312-1.265.546-2.21.702-2.834Z"
                    />
                </svg>
            );
        case "r":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.943 28.286a.968.968 0 0 1-.624-.208.596.596 0 0 1-.26-.52c0-.226.346-1.716 1.04-4.472.693-2.756 1.04-4.29 1.04-4.602 0-.676-.226-1.014-.676-1.014a.72.72 0 0 0-.494.182c-.416.33-.832 1.291-1.248 2.886a.427.427 0 0 1-.026.104.304.304 0 0 1-.052.078l-.026.026c-.018.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.139.112-.546.338-1.222.329-1.005.719-1.733 1.17-2.184.416-.416.875-.624 1.378-.624.676 0 1.23.165 1.664.494.381.295.632.598.754.91a.64.64 0 0 0 .078.182c.017 0 .086-.07.208-.208.641-.71 1.378-1.153 2.21-1.326.104-.017.329-.026.676-.026.641 0 1.161.182 1.56.546.398.364.598.858.598 1.482 0 .554-.156 1.022-.468 1.404-.295.364-.694.546-1.196.546-.33 0-.607-.096-.832-.286-.208-.19-.312-.442-.312-.754 0-.85.485-1.404 1.456-1.664-.382-.226-.694-.338-.936-.338-.364 0-.711.087-1.04.26-.572.277-1.118.832-1.638 1.664a3.45 3.45 0 0 0-.39.858c-.087.295-.382 1.447-.884 3.458-.59 2.427-.928 3.718-1.014 3.874-.226.468-.598.702-1.118.702Z"
                    />
                </svg>
            );
        case "s":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.974 23.84c.33 0 .59.095.78.286.208.19.312.442.312.754 0 .294-.086.58-.26.858a1.505 1.505 0 0 1-.65.624 3.46 3.46 0 0 1-.364.13l-.104.052c-.017 0-.017.008 0 .026.052.087.208.2.468.338.503.26 1.162.39 1.976.39 1.317 0 2.245-.425 2.782-1.274.26-.434.39-.832.39-1.196 0-.555-.286-.97-.858-1.248-.156-.104-.59-.225-1.3-.364a28.175 28.175 0 0 0-.416-.078 1.515 1.515 0 0 0-.364-.078 7.27 7.27 0 0 0-.26-.078 3.629 3.629 0 0 0-.26-.078 1.156 1.156 0 0 0-.208-.104 5.875 5.875 0 0 0-.26-.182c-.71-.503-1.066-1.213-1.066-2.132 0-.97.355-1.846 1.066-2.626.797-.901 1.907-1.352 3.328-1.352 1.681 0 2.695.59 3.042 1.768.035.087.052.251.052.494 0 .485-.13.884-.39 1.196-.26.294-.607.442-1.04.442-.277 0-.503-.078-.676-.234-.173-.156-.26-.373-.26-.65 0-.572.26-.988.78-1.248.139-.07.217-.104.234-.104.052 0 .043-.044-.026-.13-.416-.382-1.014-.572-1.794-.572-.676 0-1.248.19-1.716.572a1.823 1.823 0 0 0-.702 1.482c0 .312.13.59.39.832.173.156.615.312 1.326.468.798.173 1.318.32 1.56.442.815.364 1.36.97 1.638 1.82.035.104.06.33.078.676 0 .59-.147 1.204-.442 1.846-.85 1.768-2.444 2.652-4.784 2.652-1.854 0-3.024-.538-3.51-1.612a2.13 2.13 0 0 1-.182-.91c0-.537.156-.988.468-1.352.33-.364.737-.546 1.222-.546Z"
                    />
                </svg>
            );
        case "t":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M17.979 17.99c-.122-.121-.182-.208-.182-.26 0-.07.026-.208.078-.416.069-.225.112-.346.13-.364.034-.087.112-.13.234-.13.138-.017.58-.026 1.326-.026h1.378l.494-2.08c.364-1.404.572-2.158.624-2.262.208-.485.606-.728 1.196-.728a.945.945 0 0 1 .572.234c.173.139.26.32.26.546 0 .208-.165.945-.494 2.21-.07.295-.156.624-.26.988-.087.347-.156.607-.208.78l-.052.26c0 .035.433.052 1.3.052H25.7c.121.122.182.217.182.286 0 .382-.113.685-.338.91h-2.782l-.936 3.77c-.642 2.583-.971 3.943-.988 4.082a2.157 2.157 0 0 0-.026.39c0 .728.234 1.092.702 1.092.121 0 .225-.009.312-.026.866-.156 1.655-.85 2.366-2.08a5.56 5.56 0 0 0 .468-.962c.034-.104.078-.165.13-.182.052-.035.182-.052.39-.052.346 0 .52.07.52.208 0 .035-.035.139-.104.312-.191.555-.503 1.118-.936 1.69-.416.555-.841.997-1.274 1.326-.642.486-1.326.728-2.054.728-.624 0-1.162-.156-1.612-.468a2.445 2.445 0 0 1-.884-1.274c-.035-.139-.052-.372-.052-.702v-.468l.91-3.64c.606-2.444.918-3.675.936-3.692 0-.035-.442-.052-1.326-.052h-1.326Z"
                    />
                </svg>
            );
        case "u":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M26.598 16.794a.87.87 0 0 1 .598.208c.174.121.26.303.26.546l-1.976 8.268a2.36 2.36 0 0 0-.026.416c0 .728.243 1.092.728 1.092.4-.052.737-.382 1.014-.988.191-.399.416-1.1.676-2.106.035-.139.208-.208.52-.208.156 0 .26.009.312.026.052 0 .096.017.13.052.035.034.052.086.052.156 0 .052-.026.182-.078.39-.52 2.045-1.265 3.232-2.236 3.562a2.77 2.77 0 0 1-.624.052c-1.144 0-1.932-.486-2.366-1.456a4.683 4.683 0 0 0-.312.286c-.866.797-1.75 1.196-2.652 1.196-.762 0-1.438-.156-2.028-.468-.71-.416-1.152-1.066-1.326-1.95a7.492 7.492 0 0 1-.026-.806c0-.416.018-.737.052-.962.122-.745.52-2.02 1.196-3.822.382-1.023.572-1.733.572-2.132 0-.243-.026-.408-.078-.494-.034-.104-.13-.156-.286-.156h-.13c-.398 0-.78.182-1.144.546-.554.554-.979 1.386-1.274 2.496a.423.423 0 0 1-.026.104.299.299 0 0 1-.052.078l-.026.026c-.017.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.052.026-.174.078-.364.347-1.196.884-2.14 1.612-2.834.607-.555 1.231-.832 1.872-.832.728 0 1.31.208 1.742.624.434.398.65.918.65 1.56 0 .346-.156.927-.468 1.742-.71 1.906-1.135 3.32-1.274 4.238a5.18 5.18 0 0 0-.026.598c0 .659.104 1.161.312 1.508.208.347.59.52 1.144.52.728 0 1.387-.312 1.976-.936.347-.347.564-.624.65-.832.035-.07.364-1.387.988-3.952.52-2.08.832-3.293.936-3.64.104-.364.226-.615.364-.754.295-.26.607-.39.936-.39Z"
                    />
                </svg>
            );
        case "v":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M21.956 28.286c-1.109 0-1.993-.277-2.652-.832-.641-.572-.962-1.404-.962-2.496 0-.312.018-.607.052-.884.156-.832.564-2.106 1.222-3.822l.416-1.248a2.8 2.8 0 0 0 .156-.884c0-.433-.164-.65-.494-.65-.121 0-.26.026-.416.078-.884.312-1.551 1.309-2.002 2.99a.422.422 0 0 1-.026.104.299.299 0 0 1-.052.078l-.026.026c-.017.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.052.026-.182.078-.39.416-1.37 1.058-2.392 1.924-3.068a2.554 2.554 0 0 1 1.612-.546c.676 0 1.231.19 1.664.572.434.381.65.884.65 1.508 0 .295-.026.52-.078.676 0 .121-.13.503-.39 1.144-.797 2.167-1.222 3.71-1.274 4.628 0 .468.044.85.13 1.144.226.745.772 1.118 1.638 1.118.468 0 .884-.139 1.248-.416 1.075-.71 1.968-2.349 2.678-4.914.139-.485.208-.884.208-1.196 0-.763-.338-1.447-1.014-2.054-.225-.208-.338-.442-.338-.702 0-.399.156-.754.468-1.066.33-.33.694-.494 1.092-.494.416 0 .737.2.962.598.226.381.338.84.338 1.378 0 .607-.173 1.603-.52 2.99-.329 1.335-.745 2.496-1.248 3.484-1.092 2.236-2.461 3.354-4.108 3.354Z"
                    />
                </svg>
            );
        case "w":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M24.368 16.794c.243 0 .45.07.624.208.174.121.26.303.26.546 0 .225-.26 1.335-.78 3.328-.502 1.993-.771 3.137-.806 3.432-.034.19-.052.494-.052.91 0 .503.044.884.13 1.144.104.243.286.46.546.65a1.88 1.88 0 0 0 1.066.312c1.23 0 2.21-1.057 2.938-3.172.399-1.04.668-1.993.806-2.86.018-.087.026-.217.026-.39 0-.867-.312-1.56-.936-2.08-.277-.225-.416-.503-.416-.832 0-.399.165-.745.494-1.04.33-.312.694-.468 1.092-.468a.2.2 0 0 1 .078.026h.104c.728.19 1.092.832 1.092 1.924 0 .555-.164 1.551-.494 2.99-.346 1.317-.676 2.383-.988 3.198-.85 2.15-1.993 3.363-3.432 3.64a3.324 3.324 0 0 1-.494.026c-.78 0-1.464-.13-2.054-.39-.59-.277-1.005-.659-1.248-1.144-.381.503-.771.884-1.17 1.144-.381.26-.884.39-1.508.39-1.161 0-2.097-.277-2.808-.832-.693-.555-1.04-1.378-1.04-2.47 0-.468.018-.78.052-.936.104-.693.494-1.95 1.17-3.77.382-1.023.572-1.733.572-2.132 0-.243-.026-.407-.078-.494-.034-.104-.13-.156-.286-.156h-.13c-.398 0-.78.182-1.144.546-.554.555-.98 1.387-1.274 2.496a.422.422 0 0 1-.026.104.299.299 0 0 1-.052.078l-.026.026c-.017.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.052.026-.173.078-.364.174-.52.338-.936.494-1.248.642-1.3 1.465-2.08 2.47-2.34.104-.035.304-.052.598-.052.71 0 1.274.208 1.69.624.416.399.624.91.624 1.534 0 .347-.156.927-.468 1.742-.762 2.045-1.178 3.493-1.248 4.342v.338c0 .693.165 1.24.494 1.638.33.381.806.572 1.43.572.746 0 1.404-.529 1.976-1.586l.13-.234v-.598c.035-.503.06-.797.078-.884a170.904 170.904 0 0 1 1.144-4.706c.278-1.092.45-1.699.52-1.82.226-.468.598-.702 1.118-.702Z"
                    />
                </svg>
            );
        case "x":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M16.069 20.772c-.104-.104-.156-.2-.156-.286.069-.468.337-1.066.805-1.794.815-1.23 1.838-1.942 3.069-2.132a4.23 4.23 0 0 1 .546-.052c.606 0 1.16.156 1.664.468.52.312.892.702 1.117 1.17l.416-.546c.642-.728 1.378-1.092 2.21-1.092.711 0 1.283.208 1.716.624a1.9 1.9 0 0 1 .677 1.482c0 .537-.156.988-.468 1.352-.295.364-.694.546-1.197.546-.329 0-.598-.096-.805-.286-.209-.19-.313-.442-.313-.754 0-.798.434-1.344 1.3-1.638 0-.017-.095-.078-.285-.182-.174-.104-.425-.156-.755-.156-.225 0-.39.017-.494.052-.658.277-1.143.85-1.456 1.716-.052.139-.303 1.11-.753 2.912-.451 1.785-.694 2.79-.729 3.016-.052.26-.078.52-.078.78 0 .416.122.745.364.988.243.242.564.364.963.364.727 0 1.386-.304 1.976-.91.589-.624.988-1.309 1.196-2.054.052-.174.104-.269.155-.286.052-.035.191-.052.416-.052.33 0 .494.07.494.208 0 .017-.017.113-.052.286-.294 1.075-.9 2.01-1.82 2.808-.814.641-1.672.962-2.574.962-1.213 0-2.131-.546-2.756-1.638-.502.78-1.143 1.3-1.924 1.56a3.32 3.32 0 0 1-.675.052c-1.006 0-1.716-.356-2.133-1.066a2.013 2.013 0 0 1-.26-1.04c0-.52.156-.962.468-1.326a1.505 1.505 0 0 1 1.196-.546c.746 0 1.119.364 1.119 1.092 0 .641-.304 1.11-.91 1.404a1.256 1.256 0 0 0-.13.078 1.005 1.005 0 0 0-.13.052.2.2 0 0 1-.078.026l-.078.026c0 .052.13.13.39.234.207.087.433.13.675.13.624 0 1.162-.39 1.613-1.17.19-.312.528-1.439 1.014-3.38.104-.399.216-.84.337-1.326.122-.486.209-.858.26-1.118.07-.26.113-.416.13-.468.087-.468.13-.806.13-1.014 0-.416-.112-.745-.337-.988-.226-.243-.538-.364-.936-.364-.78 0-1.456.303-2.029.91a4.835 4.835 0 0 0-1.195 2.054c-.035.156-.078.251-.13.286-.035.017-.174.026-.416.026h-.364Z"
                    />
                </svg>
            );
        case "y":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M27.639 16.794c.242 0 .45.07.624.208.173.121.26.295.26.52 0 .225-.425 2.045-1.274 5.46-.85 3.415-1.335 5.287-1.456 5.616a6.657 6.657 0 0 1-1.352 2.34 6.756 6.756 0 0 1-2.132 1.716c-.936.45-1.812.676-2.626.676-1.317 0-2.21-.416-2.678-1.248-.174-.243-.26-.59-.26-1.04 0-.59.165-1.049.494-1.378.364-.33.745-.494 1.144-.494.762 0 1.144.364 1.144 1.092 0 .641-.303 1.11-.91 1.404a1.01 1.01 0 0 1-.13.052c-.052.035-.095.06-.13.078a.2.2 0 0 1-.078.026l-.078.026c.052.104.234.217.546.338.277.104.555.156.832.156h.208c.294 0 .52-.017.676-.052.659-.19 1.282-.633 1.872-1.326.59-.694 1.04-1.525 1.352-2.496.19-.572.286-.91.286-1.014 0-.018-.017-.009-.052.026a1.168 1.168 0 0 0-.156.104 3.534 3.534 0 0 1-2.132.702c-.884 0-1.612-.208-2.184-.624-.572-.416-.945-1.014-1.118-1.794a7.464 7.464 0 0 1-.026-.806c0-.416.017-.737.052-.962.121-.745.52-2.02 1.196-3.822.381-1.023.572-1.733.572-2.132 0-.243-.026-.408-.078-.494-.035-.104-.13-.156-.286-.156h-.13c-.399 0-.78.182-1.144.546-.555.554-.98 1.386-1.274 2.496a.427.427 0 0 1-.026.104.304.304 0 0 1-.052.078l-.026.026c-.018.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.052.026-.174.078-.364.364-1.213.91-2.158 1.638-2.834.59-.555 1.204-.832 1.846-.832.728 0 1.309.2 1.742.598.433.398.65.953.65 1.664-.035.33-.06.511-.078.546 0 .104-.13.477-.39 1.118-.71 1.924-1.136 3.336-1.274 4.238a5.157 5.157 0 0 0-.026.598c0 .659.104 1.161.312 1.508.208.347.59.52 1.144.52.398 0 .771-.104 1.118-.312.364-.208.633-.408.806-.598.19-.208.424-.486.702-.832 0-.018.043-.19.13-.52.086-.347.208-.858.364-1.534l.494-1.924c.659-2.6 1.023-3.96 1.092-4.082.225-.468.598-.702 1.118-.702Z"
                    />
                </svg>
            );
        case "z":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M17.023 28.286c-.104-.104-.156-.182-.156-.234 0-.07.052-.182.156-.338.277-.52.728-1.153 1.352-1.898.728-.832 1.967-2.046 3.718-3.64 1.335-1.213 2.236-2.063 2.704-2.548.208-.277.269-.416.182-.416-.208 0-.667-.096-1.378-.286-.763-.19-1.309-.286-1.638-.286-.503 0-.927.087-1.274.26-.347.156-.563.364-.65.624-.243.139-.407.216-.494.234-.364 0-.546-.07-.546-.208 0-.087.026-.208.078-.364a4.135 4.135 0 0 1 1.118-1.742c.52-.485 1.092-.78 1.716-.884.208-.035.355-.052.442-.052.26 0 .503.052.728.156.225.104.39.208.494.312.121.087.303.251.546.494.537.52.997.78 1.378.78.156 0 .277-.017.364-.052.295-.139.676-.598 1.144-1.378.121-.19.208-.286.26-.286.052-.017.173-.026.364-.026h.338c.104.104.156.173.156.208 0 .07-.078.242-.234.52a14.514 14.514 0 0 1-1.248 1.69c-.78.919-2.01 2.132-3.692 3.64-1.387 1.23-2.331 2.123-2.834 2.678l-.312.312.39.026c.381 0 .875.078 1.482.234.884.225 1.49.338 1.82.338.693 0 1.309-.165 1.846-.494.555-.347.91-.78 1.066-1.3.07-.156.13-.252.182-.286.052-.035.182-.052.39-.052.347 0 .52.087.52.26 0 .017-.017.095-.052.234a5.683 5.683 0 0 1-1.43 2.418 4.579 4.579 0 0 1-2.392 1.326 2.865 2.865 0 0 1-.442.026c-.295 0-.563-.06-.806-.182-.243-.121-.58-.381-1.014-.78-.364-.364-.633-.59-.806-.676-.139-.087-.33-.13-.572-.13-.763 0-1.447.52-2.054 1.56-.087.139-.277.208-.572.208h-.338Z"
                    />
                </svg>
            );
        case "A":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M13.342 30c-.121-.122-.182-.217-.182-.286 0-.07.026-.217.078-.442.07-.225.121-.355.156-.39l.104-.078h.364c1.213-.052 2.097-.485 2.652-1.3.104-.104 1.673-2.748 4.706-7.93 3.05-5.2 4.593-7.826 4.628-7.878.087-.156.165-.243.234-.26.087-.035.286-.052.598-.052h.442c.104.156.156.242.156.26l.728 8.398c.485 5.598.745 8.424.78 8.476.087.19.65.286 1.69.286.19 0 .32.009.39.026.087 0 .147.017.182.052.052.034.078.095.078.182 0 .035-.026.156-.078.364-.052.26-.104.424-.156.494-.035.052-.147.078-.338.078-.312 0-.832-.009-1.56-.026a73.87 73.87 0 0 0-1.716-.026c-1.63 0-2.695.017-3.198.052h-.312a1.188 1.188 0 0 1-.182-.208c0-.052.026-.217.078-.494.07-.225.121-.364.156-.416l.104-.078h.52c.936-.035 1.49-.182 1.664-.442l-.312-3.9h-6.188l-.884 1.508c-.624 1.04-.945 1.603-.962 1.69a.877.877 0 0 0-.104.39c0 .433.399.684 1.196.754.33 0 .494.087.494.26 0 .087-.026.208-.078.364-.052.242-.104.398-.156.468-.052.07-.165.104-.338.104-.295 0-.763-.009-1.404-.026a58.722 58.722 0 0 0-1.456-.026c-1.23 0-2.02.017-2.366.052h-.208Zm12.324-6.76c0-.19-.113-1.543-.338-4.056-.208-2.514-.32-3.779-.338-3.796l-.702 1.118c-.277.468-.823 1.395-1.638 2.782l-2.34 3.952 2.678.026c1.785 0 2.678-.009 2.678-.026Z"
                    />
                </svg>
            );
        case "B":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M19.624 13.672c0-.017-.009-.035-.026-.052-.018-.034-.044-.052-.078-.052l-.104-.052a.363.363 0 0 0-.156-.026.766.766 0 0 0-.182-.026h-.442a.79.79 0 0 0-.234-.026h-.26c-.416 0-.668-.008-.754-.026a.237.237 0 0 1-.182-.156c-.035-.052-.026-.208.026-.468.086-.312.164-.485.234-.52.017-.017 1.144-.026 3.38-.026 4.489 0 6.855.017 7.098.052 1.196.173 2.132.59 2.808 1.248.693.659 1.04 1.43 1.04 2.314a3.5 3.5 0 0 1-.494 1.768c-.382.694-.997 1.326-1.846 1.898a7.429 7.429 0 0 1-2.626 1.118l-.26.078c1.144.156 2.062.555 2.756 1.196.71.641 1.066 1.439 1.066 2.392 0 1.248-.572 2.418-1.716 3.51-1.335 1.283-2.921 2.002-4.758 2.158-.122.017-1.95.026-5.486.026-3.467 0-5.226-.017-5.278-.052a.247.247 0 0 1-.104-.208c0-.121.017-.242.052-.364.086-.33.173-.511.26-.546.069-.017.199-.026.39-.026h.156c.468 0 .988-.026 1.56-.078.242-.052.407-.156.494-.312.052-.07.676-2.479 1.872-7.228 1.196-4.75 1.794-7.254 1.794-7.514Zm9.386 2.184c0-.59-.156-1.092-.468-1.508a2.108 2.108 0 0 0-1.196-.832c-.122-.034-.919-.06-2.392-.078-.347 0-.711.009-1.092.026h-1.248c-.243.018-.399.078-.468.182-.052.07-.347 1.161-.884 3.276-.52 2.115-.789 3.233-.806 3.354h2.106c1.404 0 2.21-.017 2.418-.052a4.935 4.935 0 0 0 2.002-.832c.641-.45 1.135-.988 1.482-1.612.364-.659.546-1.3.546-1.924Zm-1.404 8.19c0-.762-.208-1.395-.624-1.898a2.298 2.298 0 0 0-1.534-.884c-.104-.017-.824-.026-2.158-.026-2.046 0-3.077.009-3.094.026 0 .035-.156.668-.468 1.898-.295 1.23-.59 2.453-.884 3.666l-.468 1.82c0 .07.104.113.312.13.208 0 .91.009 2.106.026 1.542 0 2.374-.008 2.496-.026 1.126-.121 2.123-.624 2.99-1.508.884-.884 1.326-1.959 1.326-3.224Z"
                    />
                </svg>
            );
        case "C":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M29.633 17.494c0-1.439-.32-2.565-.962-3.38-.624-.832-1.525-1.248-2.704-1.248-.919 0-1.915.217-2.99.65-1.872.797-3.337 2.14-4.394 4.03-.953 1.681-1.551 3.657-1.794 5.928-.017.139-.026.39-.026.754 0 1.976.659 3.397 1.976 4.264.832.59 1.855.884 3.068.884.659 0 1.378-.147 2.158-.442 1.023-.416 1.95-1.1 2.782-2.054.832-.953 1.404-1.993 1.716-3.12.07-.225.121-.355.156-.39.052-.035.19-.052.416-.052.364 0 .546.07.546.208 0 .035-.017.121-.052.26-.416 1.543-1.248 2.93-2.496 4.16s-2.652 2.028-4.212 2.392a7.283 7.283 0 0 1-1.82.234c-1.785 0-3.285-.511-4.498-1.534-1.213-1.023-1.985-2.323-2.314-3.9a7.212 7.212 0 0 1-.182-1.69c0-2.08.65-4.1 1.95-6.058a13.533 13.533 0 0 1 2.886-3.172 11.881 11.881 0 0 1 3.796-2.054c1.023-.312 1.959-.468 2.808-.468.624 0 .988.009 1.092.026 1.04.173 1.915.607 2.626 1.3a8.298 8.298 0 0 1 .468.624c.087.104.139.156.156.156.052 0 .286-.225.702-.676.121-.104.251-.225.39-.364l.416-.416c.139-.156.225-.251.26-.286l.39-.39h.156c.243 0 .364.06.364.182 0 .07-.277 1.257-.832 3.562-.624 2.41-.936 3.623-.936 3.64a.38.38 0 0 1-.13.182c-.052.017-.208.026-.468.026h-.416l-.156-.156c0-.035.017-.19.052-.468.035-.347.052-.728.052-1.144Z"
                    />
                </svg>
            );
        case "D":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.696 13.672c0-.017-.008-.035-.026-.052-.017-.034-.043-.052-.078-.052l-.104-.052a.363.363 0 0 0-.156-.026.765.765 0 0 0-.182-.026h-.442a.79.79 0 0 0-.234-.026h-.26c-.589 0-.91-.06-.962-.182-.017-.052 0-.2.052-.442.087-.33.165-.511.234-.546.035-.017 1.76-.026 5.174-.026 2.895.017 4.516.035 4.862.052.347 0 .694.043 1.04.13 1.37.312 2.462 1.032 3.276 2.158.815 1.127 1.222 2.53 1.222 4.212 0 .867-.104 1.716-.312 2.548-.485 1.959-1.499 3.736-3.042 5.33-1.75 1.803-3.744 2.886-5.98 3.25l-.364.052L17.37 30h-2.886c-1.542 0-2.322-.043-2.34-.13v-.026a.455.455 0 0 1-.052-.13c0-.034.026-.156.078-.364.07-.277.139-.433.208-.468.07-.052.269-.078.598-.078.468 0 .988-.026 1.56-.078.243-.052.408-.156.494-.312.052-.07.676-2.479 1.872-7.228 1.196-4.75 1.794-7.254 1.794-7.514Zm10.816 4.134c0-1.283-.338-2.297-1.014-3.042-.676-.745-1.62-1.178-2.834-1.3H24.52a14.24 14.24 0 0 0-1.69 0h-1.092c-.225.018-.381.095-.468.234-.034.07-.667 2.566-1.898 7.488-1.23 4.923-1.846 7.41-1.846 7.462 0 .07.096.113.286.13h2.002c1.404 0 2.193-.008 2.366-.026 1.647-.26 3.034-.953 4.16-2.08a7.868 7.868 0 0 0 1.534-2.184c.399-.832.772-1.933 1.118-3.302.347-1.37.52-2.496.52-3.38Z"
                    />
                </svg>
            );
        case "E":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M30.55 18.3c0-.174.026-.52.078-1.04.052-.52.078-.85.078-.988 0-.763-.13-1.343-.39-1.742-.242-.399-.684-.676-1.326-.832-.572-.122-1.898-.182-3.978-.182-1.473.017-2.244.034-2.314.052a.478.478 0 0 0-.26.26 377.68 377.68 0 0 0-.832 3.198c-.52 2.08-.78 3.137-.78 3.172.399.017.815.026 1.248.026h.234c1.127 0 1.933-.07 2.418-.208.503-.156.893-.546 1.17-1.17.104-.19.234-.564.39-1.118a.577.577 0 0 0 .026-.182 1.3 1.3 0 0 0 .026-.156l.052-.104c.018-.035.044-.052.078-.052a.492.492 0 0 1 .156-.026 1.095 1.095 0 0 1 .468 0 .29.29 0 0 1 .13.026c.035.017.052.034.052.052.018 0 .035.026.052.078l.078.078-.858 3.432c-.572 2.305-.884 3.475-.936 3.51-.052.052-.19.078-.416.078-.225 0-.364-.026-.416-.078-.104-.052-.112-.26-.026-.624.122-.45.182-.84.182-1.17 0-.503-.173-.823-.52-.962-.312-.139-1.161-.208-2.548-.208h-1.352c-.104.364-.433 1.655-.988 3.874-.537 2.201-.806 3.32-.806 3.354 0 .07.096.113.286.13.208 0 .902.009 2.08.026 1.63 0 2.704-.017 3.224-.052a6.765 6.765 0 0 0 1.56-.338 4.382 4.382 0 0 0 2.106-1.456c.572-.693 1.188-1.829 1.846-3.406.174-.381.286-.59.338-.624.052-.035.174-.052.364-.052.208 0 .338.017.39.052.104.07.156.165.156.286-1.82 4.402-2.773 6.647-2.86 6.734-.052.035-2.53.052-7.436.052h-6.552c-.624-.017-.944-.06-.962-.13v-.026a.454.454 0 0 1-.052-.13c0-.035.026-.156.078-.364.07-.277.139-.434.208-.468.07-.052.269-.078.598-.078.468 0 .988-.026 1.56-.078.243-.052.408-.156.494-.312.035-.087.65-2.522 1.846-7.306 1.214-4.784 1.82-7.21 1.82-7.28 0-.121-.034-.182-.104-.182-.138-.052-.598-.096-1.378-.13h-.806a1.188 1.188 0 0 1-.182-.208c0-.052.026-.2.078-.442.07-.312.156-.494.26-.546h14.404c.122.121.182.216.182.286 0 .087-.112 1.066-.338 2.938-.225 1.854-.346 2.8-.364 2.834-.034.121-.208.182-.52.182h-.312c-.121-.104-.182-.19-.182-.26Z"
                    />
                </svg>
            );
        case "F":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.456 29.948c-.485 0-1.118.008-1.898.026h-1.664c-.208 0-.338-.044-.39-.13a.454.454 0 0 1-.052-.13c0-.035.026-.156.078-.364.07-.277.14-.434.208-.468.07-.052.27-.078.598-.078.468 0 .988-.026 1.56-.078.243-.052.408-.156.494-.312.035-.087.65-2.522 1.846-7.306 1.214-4.784 1.82-7.21 1.82-7.28 0-.121-.034-.182-.104-.182-.138-.052-.598-.096-1.378-.13h-.806a1.188 1.188 0 0 1-.182-.208c0-.052.026-.2.078-.442.07-.312.156-.494.26-.546h14.014c.122.121.182.216.182.286 0 .087-.112 1.066-.338 2.938-.225 1.854-.346 2.8-.364 2.834-.034.121-.208.182-.52.182h-.312c-.12-.104-.182-.19-.182-.26v-.104a.677.677 0 0 0 .026-.208c.018-.087.026-.174.026-.26.07-.503.104-1.006.104-1.508 0-1.248-.398-2.037-1.196-2.366a3.938 3.938 0 0 0-1.274-.286c-.485-.035-1.473-.052-2.964-.052-1.386.017-2.114.034-2.184.052-.138.052-.225.13-.26.234-.017.017-.312 1.152-.884 3.406l-.832 3.354h1.43c1.04-.018 1.612-.035 1.716-.052.572-.104.988-.286 1.248-.546.364-.312.668-.936.91-1.872a2.488 2.488 0 0 0 .078-.312c0-.035.01-.07.026-.104.018-.052.035-.078.052-.078l.104-.052a.492.492 0 0 1 .156-.026h.52c.122.087.182.173.182.26 0 .052-.277 1.187-.832 3.406-.537 2.218-.823 3.363-.858 3.432-.034.121-.208.182-.52.182h-.312c-.104-.087-.164-.156-.182-.208-.017-.07.01-.226.078-.468.122-.485.182-.901.182-1.248 0-.52-.216-.84-.65-.962-.312-.104-1.04-.156-2.184-.156h-1.43l-.832 3.302c-.554 2.15-.832 3.276-.832 3.38 0 .104.052.173.156.208.208.104.928.156 2.158.156h.65c.104.104.156.182.156.234.018.035 0 .19-.052.468-.069.225-.156.39-.26.494h-.442c-.71-.035-2.019-.052-3.926-.052Z"
                    />
                </svg>
            );
        case "G":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M20.152 30.572c-2.045 0-3.735-.641-5.07-1.924-1.334-1.3-2.002-3.033-2.002-5.2 0-2.08.65-4.1 1.95-6.058a13.533 13.533 0 0 1 2.886-3.172 11.882 11.882 0 0 1 3.796-2.054c1.023-.312 1.959-.468 2.808-.468.624 0 .988.009 1.092.026 1.04.173 1.916.607 2.626 1.3a8.215 8.215 0 0 1 .468.624c.087.104.139.156.156.156.052 0 .286-.225.702-.676.122-.104.252-.225.39-.364l.416-.416c.139-.156.226-.251.26-.286l.39-.39h.156c.243 0 .364.06.364.182 0 .07-.277 1.257-.832 3.562-.624 2.41-.936 3.623-.936 3.64a.38.38 0 0 1-.13.182c-.052.017-.208.026-.468.026h-.416l-.156-.156c0-.035.018-.19.052-.468.035-.347.052-.728.052-1.144 0-1.439-.32-2.565-.962-3.38-.624-.832-1.525-1.248-2.704-1.248-.918 0-1.915.217-2.99.65-1.733.728-3.12 1.941-4.16 3.64-1.022 1.681-1.69 3.71-2.002 6.084-.034.312-.052.65-.052 1.014 0 .988.174 1.846.52 2.574.815 1.577 2.297 2.427 4.446 2.548h.156c.936 0 1.794-.2 2.574-.598.78-.399 1.318-.91 1.612-1.534.052-.139.182-.615.39-1.43.208-.832.312-1.291.312-1.378 0-.139-.121-.225-.364-.26-.225-.035-.736-.06-1.534-.078h-.962a1.193 1.193 0 0 1-.182-.208c0-.035.026-.2.078-.494.07-.225.156-.39.26-.494h.442c.694.035 1.907.052 3.64.052h1.612a55.257 55.257 0 0 1 1.326-.026c.243 0 .364.07.364.208 0 .052-.017.182-.052.39a1.823 1.823 0 0 0-.052.208.796.796 0 0 1-.052.156c0 .017-.017.052-.052.104a.17.17 0 0 1-.078.078.714.714 0 0 0-.156.026h-.26c-.346 0-.702.026-1.066.078a.468.468 0 0 0-.286.286l-.104.338c-.052.225-.147.59-.286 1.092-.121.485-.234.919-.338 1.3a36.88 36.88 0 0 0-.156.65 76.37 76.37 0 0 0-.13.572 5.985 5.985 0 0 1-.13.442 3.75 3.75 0 0 1-.104.39 2.39 2.39 0 0 1-.078.286 4.933 4.933 0 0 1-.052.234.654.654 0 0 1-.078.156.299.299 0 0 1-.052.078c-.017.017-.043.026-.078.026-.052 0-.104-.026-.156-.078-.156-.087-.372-.277-.65-.572-.26-.312-.433-.555-.52-.728 0-.017-.017-.009-.052.026a1.191 1.191 0 0 0-.156.104c-.572.537-1.326.97-2.262 1.3a8.785 8.785 0 0 1-2.938.494Z"
                    />
                </svg>
            );
        case "H":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M33.842 12.268c.19 0 .312.018.364.052.052.035.078.104.078.208s-.017.226-.052.364c-.087.295-.173.468-.26.52h-.182a.765.765 0 0 0-.182.026h-.468c-.919.018-1.447.078-1.586.182a.458.458 0 0 0-.182.182c-.052.087-.684 2.548-1.898 7.384-1.196 4.819-1.794 7.254-1.794 7.306 0 .121.035.182.104.182.139.052.607.096 1.404.13h.806c.087.122.13.2.13.234.018.017 0 .174-.052.468-.07.226-.156.39-.26.494h-.39c-.641-.035-1.803-.052-3.484-.052-.433 0-1.022.009-1.768.026h-1.612c-.294 0-.442-.07-.442-.208 0-.017.009-.07.026-.156.018-.104.035-.182.052-.234.087-.33.174-.511.26-.546.07-.017.2-.026.39-.026H23c.468 0 .988-.026 1.56-.078.243-.052.408-.156.494-.312.052-.087.364-1.265.936-3.536.572-2.27.858-3.432.858-3.484 0-.017-1.256-.026-3.77-.026h-3.77l-.858 3.51c-.59 2.323-.884 3.527-.884 3.614 0 .104.026.165.078.182.122.052.598.096 1.43.13h.806c.087.122.13.2.13.234.017.017 0 .174-.052.468-.07.226-.156.39-.26.494h-.39c-.641-.035-1.802-.052-3.484-.052-.433 0-1.022.009-1.768.026h-1.612c-.295 0-.442-.078-.442-.234 0-.034.026-.156.078-.364.087-.33.174-.511.26-.546.07-.017.2-.026.39-.026h.156c.468 0 .988-.026 1.56-.078.243-.052.408-.156.494-.312.052-.07.676-2.479 1.872-7.228 1.196-4.75 1.794-7.254 1.794-7.514 0-.017-.009-.035-.026-.052-.017-.034-.043-.052-.078-.052l-.104-.052a.363.363 0 0 0-.156-.026.765.765 0 0 0-.182-.026h-.442a.79.79 0 0 0-.234-.026h-.26c-.416 0-.667-.008-.754-.026a.238.238 0 0 1-.182-.156c-.034-.052-.026-.208.026-.468.07-.295.148-.468.234-.52.035-.017.182-.026.442-.026.71.035 1.89.052 3.536.052h1.716a78.756 78.756 0 0 1 1.612-.026c.226 0 .355.052.39.156.035.052.026.208-.026.468-.086.295-.173.468-.26.52h-.182a.765.765 0 0 0-.182.026h-.468c-.918.018-1.447.078-1.586.182a.458.458 0 0 0-.182.182c-.052.07-.33 1.136-.832 3.198-.121.45-.251.953-.39 1.508s-.242.962-.312 1.222l-.104.39c0 .035 1.257.052 3.77.052h3.77l.026-.078c0-.052.269-1.118.806-3.198.485-1.993.728-3.06.728-3.198 0-.034-.017-.07-.052-.104-.017-.034-.052-.06-.104-.078a.577.577 0 0 0-.182-.026.79.79 0 0 0-.234-.026h-.286a1.388 1.388 0 0 0-.312-.026h-.312c-.624 0-.936-.087-.936-.26 0-.364.052-.624.156-.78.052-.086.2-.13.442-.13.312 0 .832.009 1.56.026a75.373 75.373 0 0 0 3.874 0 77.95 77.95 0 0 1 1.508-.026Z"
                    />
                </svg>
            );
        case "I":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M17.392 29.974c-.294 0-.442-.078-.442-.234 0-.034.026-.156.078-.364.087-.33.174-.511.26-.546.052-.017.182-.026.39-.026h.156c1.058 0 1.716-.06 1.976-.182.018 0 .035-.009.052-.026.087-.035.182-.234.286-.598.104-.364.53-2.063 1.274-5.096.208-.78.364-1.395.468-1.846 1.214-4.853 1.82-7.297 1.82-7.332a.458.458 0 0 1-.052-.13c-.173-.104-.788-.156-1.846-.156h-.52c-.104-.087-.164-.156-.182-.208-.017-.07.01-.216.078-.442.052-.26.113-.425.182-.494.052-.035.2-.052.442-.052 1.248.035 2.514.052 3.796.052h1.43c1.11 0 1.742-.017 1.898-.052h.26c.122.121.182.217.182.286 0 .07-.026.19-.078.364-.052.26-.112.425-.182.494-.052.035-.25.052-.598.052-.537 0-1.092.026-1.664.078-.225.052-.39.139-.494.26-.052.07-.39 1.326-1.014 3.77s-1.23 4.88-1.82 7.306l-.884 3.614c0 .139.061.217.182.234.174.052.65.087 1.43.104h.832c.087.122.13.2.13.234.018.017 0 .174-.052.468-.069.226-.156.39-.26.494h-.416c-.64-.035-1.828-.052-3.562-.052-.433 0-1.048.009-1.846.026h-1.69Z"
                    />
                </svg>
            );
        case "J":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M26.411 13.75c0-.208-.806-.312-2.418-.312h-.65c-.104-.087-.165-.156-.182-.208-.017-.07.009-.234.078-.494.07-.225.156-.39.26-.494h.442c.71.035 1.976.052 3.796.052h1.716a64.884 64.884 0 0 1 1.43-.026c.19 0 .295.043.312.13.035.07.052.113.052.13 0 .035-.026.156-.078.364-.07.277-.139.442-.208.494-.052.035-.208.052-.468.052h-.234c-.763 0-1.196.121-1.3.364-.07.226-.607 2.366-1.612 6.422-1.092 4.299-1.647 6.457-1.664 6.474-.364 1.058-1.083 1.968-2.158 2.73-1.075.763-2.297 1.144-3.666 1.144-1.057 0-1.924-.26-2.6-.78-.659-.537-.988-1.23-.988-2.08 0-.607.173-1.127.52-1.56.364-.45.84-.676 1.43-.676.78 0 1.213.382 1.3 1.144 0 .503-.147.927-.442 1.274a1.783 1.783 0 0 1-1.092.65c-.139.035-.208.07-.208.104 0 .018.06.087.182.208.45.503 1.1.754 1.95.754.659 0 1.3-.286 1.924-.858.641-.59 1.1-1.3 1.378-2.132.07-.208.615-2.375 1.638-6.5 1.04-4.125 1.56-6.249 1.56-6.37Z"
                    />
                </svg>
            );
        case "K":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M18.378 13.672c0-.017-.009-.035-.026-.052-.018-.034-.044-.052-.078-.052l-.104-.052a.363.363 0 0 0-.156-.026.766.766 0 0 0-.182-.026h-.442a.79.79 0 0 0-.234-.026h-.26c-.59 0-.91-.06-.962-.182-.018-.052 0-.2.052-.442.086-.312.164-.494.234-.546.034-.017.182-.026.442-.026.71.035 1.889.052 3.536.052h1.716a78.746 78.746 0 0 1 1.612-.026c.294 0 .442.07.442.208 0 .087-.026.208-.078.364-.087.347-.165.529-.234.546-.07.035-.347.052-.832.052-.936.018-1.474.078-1.612.182a.457.457 0 0 0-.182.182l-2.106 8.268c.017 0 1.612-1.248 4.784-3.744 3.189-2.496 4.818-3.779 4.888-3.848.242-.242.364-.442.364-.598 0-.26-.217-.407-.65-.442-.278 0-.416-.095-.416-.286 0-.034.026-.156.078-.364a4.2 4.2 0 0 1 .13-.39c.052-.086.199-.13.442-.13.277 0 .736.009 1.378.026.658.018 1.196.026 1.612.026.936 0 1.577-.017 1.924-.052.26-.017.424-.009.494.026.086.018.13.095.13.234 0 .07-.035.217-.104.442-.052.208-.087.32-.104.338-.052.087-.217.13-.494.13a6.474 6.474 0 0 0-3.536 1.326l-.312.208c-.035.018-.928.71-2.678 2.08a486.183 486.183 0 0 0-2.652 2.08l.234.572c.156.381.398.962.728 1.742.329.78.632 1.517.91 2.21 1.3 3.068 1.993 4.654 2.08 4.758.034.035.078.07.13.104.242.174.684.269 1.326.286h.546c.086.122.13.2.13.234.017.017 0 .174-.052.468-.07.226-.156.39-.26.494h-.286a33.632 33.632 0 0 0-2.47-.078c-2.063 0-3.25.026-3.562.078h-.26a1.188 1.188 0 0 1-.182-.208c0-.052.026-.216.078-.494.052-.208.112-.346.182-.416.052-.052.164-.078.338-.078.866 0 1.3-.216 1.3-.65 0-.087-.512-1.343-1.534-3.77l-1.508-3.588-1.768 1.378-1.768 1.378-.598 2.418c-.399 1.595-.598 2.436-.598 2.522 0 .104.026.165.078.182.121.052.598.096 1.43.13h.806c.104.156.156.252.156.286 0 .277-.061.538-.182.78-.087.087-.226.13-.416.13-.295 0-.824-.009-1.586-.026a86.31 86.31 0 0 0-1.976-.026 83.8 83.8 0 0 0-1.924.026h-1.482c-.226 0-.364-.043-.416-.13a.455.455 0 0 1-.052-.13c0-.034.026-.156.078-.364.069-.277.138-.433.208-.468.069-.052.268-.078.598-.078.468 0 .988-.026 1.56-.078.242-.052.407-.156.494-.312.052-.07.676-2.479 1.872-7.228 1.196-4.75 1.794-7.254 1.794-7.514Z"
                    />
                </svg>
            );
        case "L":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M20.561 13.672c0-.017-.008-.035-.026-.052-.017-.034-.043-.052-.078-.052l-.104-.052a.363.363 0 0 0-.156-.026.765.765 0 0 0-.182-.026h-.442a.79.79 0 0 0-.234-.026h-.26c-.416 0-.667-.008-.754-.026a.238.238 0 0 1-.182-.156c-.034-.052-.026-.208.026-.468.087-.33.165-.502.234-.52.052-.017.182-.026.39-.026a60.53 60.53 0 0 0 3.302.078h1.04c.451-.017.78-.026.988-.026h.936c.382-.017.668-.026.858-.026.208-.017.338-.026.39-.026h.312c.104.104.156.182.156.234.018.035 0 .19-.052.468-.069.243-.147.407-.234.494h-.988c-1.196.018-1.898.095-2.106.234-.12.07-.242.32-.364.754-.12.416-.702 2.696-1.742 6.838a996.167 996.167 0 0 1-1.586 6.448l-.234.936c0 .07.078.113.234.13.156 0 .668.009 1.534.026 1.3 0 2.22-.043 2.756-.13.555-.087 1.162-.32 1.82-.702a4.712 4.712 0 0 0 1.664-1.586c.434-.676.858-1.569 1.274-2.678.122-.346.217-.59.286-.728.087-.052.234-.078.442-.078h.338c.104.156.156.252.156.286 0 .035-.182.546-.546 1.534-.346.988-.719 2.037-1.118 3.146a63.854 63.854 0 0 0-.676 1.898c-.052.104-.095.165-.13.182-.052.035-2.288.052-6.708.052s-6.656-.017-6.708-.052a.247.247 0 0 1-.104-.208c0-.121.018-.242.052-.364.087-.33.174-.511.26-.546.07-.017.2-.026.39-.026h.156c.468 0 .988-.026 1.56-.078.243-.052.408-.156.494-.312.052-.07.676-2.479 1.872-7.228 1.196-4.75 1.794-7.254 1.794-7.514Z"
                    />
                </svg>
            );
        case "M":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M16.335 30c-.242 0-.667-.009-1.274-.026a54.61 54.61 0 0 0-1.585-.026c-1.249 0-2.02.009-2.315.026-.415.017-.65.009-.701-.026-.105-.035-.157-.113-.157-.234 0-.034.026-.156.079-.364a4.2 4.2 0 0 1 .13-.39c.034-.104.225-.156.572-.156 1.248-.07 2.019-.416 2.314-1.04.069-.104.667-2.427 1.793-6.968 1.144-4.558 1.716-6.942 1.716-7.15 0-.07-.026-.104-.078-.104h-.052c-.173-.052-.623-.086-1.352-.104-.433 0-.693-.008-.78-.026a.314.314 0 0 1-.181-.182c-.018-.07-.01-.19.025-.364.104-.346.182-.537.234-.572.052-.035.936-.052 2.652-.052 1.37 0 2.159.009 2.366.026.226 0 .364.035.416.104.018.07.338 2.514.962 7.332.625 4.802.936 7.22.936 7.254 0 .018.105-.13.313-.442.208-.33.485-.771.832-1.326l1.222-1.924c.468-.728.953-1.49 1.456-2.288.502-.815 1.005-1.62 1.508-2.418l1.43-2.314c.468-.728.875-1.37 1.222-1.924.363-.572.65-1.031.857-1.378l.313-.494.078-.078a.785.785 0 0 0 .104-.078l.155-.052h2.496c1.665 0 2.523.017 2.575.052a.247.247 0 0 1 .103.208c0 .052-.026.19-.078.416a2.99 2.99 0 0 0-.078.364c-.069.104-.39.156-.962.156-.935.018-1.473.078-1.611.182a.457.457 0 0 0-.183.182c-.052.087-.684 2.54-1.898 7.358-1.195 4.819-1.793 7.254-1.793 7.306 0 .121.026.19.078.208.12.052.598.096 1.43.13h.805c.104.156.157.252.157.286 0 .277-.061.538-.182.78-.087.087-.226.13-.417.13-.294 0-.805-.009-1.534-.026a82.147 82.147 0 0 0-1.924-.026c-.537 0-1.16.009-1.872.026h-1.43c-.225 0-.364-.043-.416-.13-.034-.052-.026-.216.026-.494.07-.277.14-.433.209-.468.069-.052.268-.078.598-.078.468 0 .988-.026 1.56-.078.242-.052.407-.156.494-.312.034-.07.363-1.335.988-3.796.623-2.478 1.239-4.931 1.846-7.358.606-2.427.91-3.649.91-3.666-1.526 2.41-3.207 5.088-5.044 8.034l-5.122 8.138c-.157.156-.364.234-.625.234-.26 0-.416-.06-.468-.182-.052-.087-.39-2.565-1.014-7.436-.606-4.87-.962-7.74-1.066-8.606-2.34 9.273-3.51 13.997-3.51 14.17.104.572.729.858 1.872.858h.26c.104.087.165.165.182.234.018.07-.008.226-.078.468-.069.277-.138.433-.207.468-.07.017-.165.026-.287.026Z"
                    />
                </svg>
            );
        case "N":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M12.76 29.974c-.26 0-.39-.078-.39-.234 0-.052.026-.19.078-.416.07-.225.113-.347.13-.364.035-.104.234-.156.598-.156 1.179-.052 1.942-.39 2.288-1.014.087-.156 1.292-4.914 3.614-14.274-.034-.017-.511-.043-1.43-.078-.52 0-.832-.008-.936-.026a.184.184 0 0 1-.156-.156c-.034-.052-.026-.208.026-.468.087-.312.165-.485.234-.52.035-.017.876-.026 2.522-.026 1.335 0 2.098.009 2.288.026.208 0 .33.043.364.13l1.378 3.25c.919 2.167 1.846 4.35 2.782 6.552.936 2.201 1.413 3.346 1.43 3.432l1.404-5.538c.919-3.657 1.378-5.607 1.378-5.85 0-.45-.554-.72-1.664-.806-.364 0-.563-.06-.598-.182-.034-.052-.026-.19.026-.416.018-.052.035-.113.052-.182a.713.713 0 0 0 .026-.156.299.299 0 0 1 .078-.182l.052-.052a.11.11 0 0 1 .078-.026h.13c.243 0 .676.017 1.3.052a62.89 62.89 0 0 0 1.664.026c.451 0 .962-.008 1.534-.026.59-.017.997-.026 1.222-.026.26 0 .39.087.39.26 0 .07-.034.217-.104.442-.052.208-.086.32-.104.338-.034.087-.225.13-.572.13-1.23.052-2.002.399-2.314 1.04l-3.874 15.34c-.034.121-.216.182-.546.182-.242 0-.39-.017-.442-.052L20.04 14.296c-2.253 9.03-3.38 13.58-3.38 13.65.104.572.728.858 1.872.858h.26c.104.087.165.165.182.234.018.052-.008.208-.078.468-.069.226-.156.39-.26.494h-.338c-.537-.035-1.473-.052-2.808-.052-.346 0-.823.009-1.43.026h-1.3Z"
                    />
                </svg>
            );
        case "O":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M24.019 11.696h.442c.659 0 1.075.008 1.248.026 1.699.242 3.06.988 4.082 2.236 1.023 1.248 1.534 2.825 1.534 4.732 0 2.34-.754 4.558-2.262 6.656-.988 1.421-2.184 2.574-3.588 3.458-1.82 1.179-3.649 1.768-5.486 1.768-1.855 0-3.397-.59-4.628-1.768-1.317-1.283-1.976-2.999-1.976-5.148 0-.607.009-.997.026-1.17.312-2.375 1.317-4.559 3.016-6.552a16.549 16.549 0 0 1 1.56-1.56c1.924-1.595 3.935-2.488 6.032-2.678Zm4.628 5.928c0-1.317-.303-2.4-.91-3.25-.59-.85-1.413-1.378-2.47-1.586a3.627 3.627 0 0 0-.806-.078 3.99 3.99 0 0 0-.962.104c-1.075.19-2.089.676-3.042 1.456-.399.312-.875.789-1.43 1.43-.797 1.023-1.473 2.34-2.028 3.952-.555 1.595-.832 3.172-.832 4.732 0 1.248.243 2.305.728 3.172.503.866 1.196 1.447 2.08 1.742.45.139.875.208 1.274.208 1.057 0 2.097-.33 3.12-.988 2.063-1.352 3.57-3.57 4.524-6.656.503-1.647.754-3.06.754-4.238Z"
                    />
                </svg>
            );
        case "P":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M21.121 13.672c0-.017-.009-.035-.026-.052-.017-.034-.043-.052-.078-.052l-.104-.052a.363.363 0 0 0-.156-.026.765.765 0 0 0-.182-.026h-.442a.79.79 0 0 0-.234-.026h-.26c-.433 0-.693-.008-.78-.026a.314.314 0 0 1-.182-.182c-.017-.07-.009-.19.026-.364.104-.346.182-.537.234-.572.052-.035 1.733-.052 5.044-.052 3.293.017 5.053.043 5.278.078 1.023.173 1.872.537 2.548 1.092.693.537 1.144 1.248 1.352 2.132.017.104.026.33.026.676 0 .434-.017.72-.052.858-.208.988-.763 1.924-1.664 2.808-1.196 1.179-2.739 1.924-4.628 2.236-.121.018-1.031.035-2.73.052h-2.47l-.78 3.094c-.52 2.01-.78 3.077-.78 3.198s.026.19.078.208c.121.052.598.096 1.43.13h.806c.104.156.156.252.156.286 0 .277-.06.538-.182.78-.087.087-.225.13-.416.13-.295 0-.823-.009-1.586-.026a86.304 86.304 0 0 0-1.976-.026 83.8 83.8 0 0 0-1.924.026h-1.482c-.225 0-.364-.043-.416-.13a.455.455 0 0 1-.052-.13c0-.034.026-.156.078-.364.07-.277.139-.433.208-.468.07-.052.269-.078.598-.078.468 0 .988-.026 1.56-.078.243-.052.407-.156.494-.312.052-.07.676-2.479 1.872-7.228 1.196-4.75 1.794-7.254 1.794-7.514Zm9.308 1.924c0-.659-.19-1.135-.572-1.43-.381-.312-.927-.537-1.638-.676-.121-.017-.815-.034-2.08-.052-.295 0-.598.009-.91.026h-1.066c-.225.018-.381.095-.468.234a79.01 79.01 0 0 0-.52 2.002c-.295 1.23-.59 2.427-.884 3.588-.295 1.162-.45 1.75-.468 1.768 0 .035.702.052 2.106.052 1.456-.017 2.253-.035 2.392-.052 1.161-.173 2.054-.59 2.678-1.248.468-.468.858-1.308 1.17-2.522.173-.71.26-1.274.26-1.69Z"
                    />
                </svg>
            );
        case "Q":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M22.09 32.08c0-.19.01-.511.027-.962.034-.433.052-.71.052-.832v-.104l-.39.104c-.797.19-1.526.286-2.184.286-1.837 0-3.371-.59-4.602-1.768-1.318-1.283-1.976-2.999-1.976-5.148 0-.607.008-.997.026-1.17.312-2.375 1.317-4.559 3.016-6.552a16.573 16.573 0 0 1 1.56-1.56c1.924-1.595 3.934-2.488 6.032-2.678h.442c.659 0 1.075.008 1.248.026 1.698.242 3.06.988 4.082 2.236 1.023 1.248 1.534 2.825 1.534 4.732 0 2.322-.72 4.498-2.158 6.526-1.439 2.01-3.137 3.466-5.096 4.368l-.442.208v.13a.2.2 0 0 0 .026.078.489.489 0 0 1 .026.156c.017.07.035.13.052.182.156.676.355 1.144.598 1.404.242.26.633.39 1.17.39a2.86 2.86 0 0 0 1.794-.624c.537-.399.884-.875 1.04-1.43.104-.243.216-.364.338-.364.156 0 .251.078.286.234 0 .104-.06.355-.182.754-.71 2.097-1.673 3.45-2.886 4.056-.433.19-.867.286-1.3.286-.797 0-1.352-.26-1.664-.78-.312-.503-.468-1.23-.468-2.184Zm-1.351-6.11c.624 0 1.135.225 1.534.676.416.45.667 1.092.754 1.924l.338-.234c1.335-.919 2.41-2.193 3.224-3.822.832-1.63 1.378-3.484 1.638-5.564.017-.174.026-.546.026-1.118 0-2.028-.59-3.476-1.768-4.342-.676-.52-1.465-.78-2.366-.78-.832 0-1.681.216-2.548.65-1.56.763-2.86 2.054-3.9 3.874-1.04 1.802-1.69 3.83-1.95 6.084-.018.19-.026.546-.026 1.066 0 1.802.468 3.163 1.404 4.082.416.364.667.546.754.546v-.208c0-.78.303-1.447.91-2.002.624-.555 1.282-.832 1.976-.832Zm-.858 3.562a5.38 5.38 0 0 0 2.34-.546l-.026-.26c-.07-.953-.39-1.525-.962-1.716a3.178 3.178 0 0 0-.494-.052h-.156a.426.426 0 0 0-.104-.026c-.07 0-.182.026-.338.078a1.88 1.88 0 0 0-.91.624c-.26.294-.39.633-.39 1.014 0 .59.346.884 1.04.884Z"
                    />
                </svg>
            );
        case "R":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M19.598 13.672c0-.017-.009-.035-.026-.052-.018-.034-.044-.052-.078-.052l-.104-.052a.363.363 0 0 0-.156-.026.766.766 0 0 0-.182-.026h-.442a.79.79 0 0 0-.234-.026h-.26c-.416 0-.668-.008-.754-.026a.237.237 0 0 1-.182-.156c-.035-.052-.026-.208.026-.468.086-.312.164-.485.234-.52.034-.017 1.542-.026 4.524-.026 2.981.017 4.593.043 4.836.078 1.577.226 2.773.763 3.588 1.612.641.694.962 1.465.962 2.314 0 .174-.035.434-.104.78-.399 1.543-1.673 2.79-3.822 3.744-.763.295-1.196.442-1.3.442l.182.13c1.161.659 1.742 1.612 1.742 2.86 0 .208-.044.763-.13 1.664a20.47 20.47 0 0 0-.13 2.054c0 .607.06 1.04.182 1.3.121.243.39.364.806.364.242 0 .398-.017.468-.052.658-.26 1.126-.84 1.404-1.742.086-.242.156-.39.208-.442.052-.052.182-.078.39-.078.346 0 .52.104.52.312 0 .312-.208.806-.624 1.482-.52.763-1.127 1.24-1.82 1.43-.139.035-.39.052-.754.052-1.803 0-2.973-.546-3.51-1.638-.156-.277-.243-.624-.26-1.04v-.442l.052-.39c.017-.139.034-.242.052-.312.017-.07.06-.216.13-.442a6.33 6.33 0 0 0 .156-.598c.26-.988.39-1.62.39-1.898 0-.867-.373-1.508-1.118-1.924-.26-.121-.477-.19-.65-.208-.174-.017-.789-.035-1.846-.052H20.17l-.832 3.38c-.572 2.288-.858 3.45-.858 3.484 0 .121.026.19.078.208.121.052.598.096 1.43.13h.806c.086.122.13.2.13.234.017.017 0 .174-.052.468-.07.226-.156.39-.26.494h-.39c-.624-.035-1.76-.052-3.406-.052-.416 0-.997.009-1.742.026h-1.638c-.295 0-.442-.078-.442-.234 0-.034.026-.156.078-.364.086-.33.173-.511.26-.546.069-.017.199-.026.39-.026h.156c.468 0 .988-.026 1.56-.078.242-.052.407-.156.494-.312.052-.07.676-2.479 1.872-7.228 1.196-4.75 1.794-7.254 1.794-7.514Zm8.502.676c-.364-.381-.841-.624-1.43-.728-.59-.121-1.43-.182-2.522-.182a8.5 8.5 0 0 0-.65.026h-.858c-.226.018-.382.095-.468.234-.018.052-.312 1.213-.884 3.484-.572 2.254-.858 3.398-.858 3.432 0 .017.598.026 1.794.026 1.352-.017 2.253-.078 2.704-.182 1.126-.19 1.993-.702 2.6-1.534.277-.398.511-.918.702-1.56.19-.659.286-1.248.286-1.768 0-.537-.139-.953-.416-1.248Z"
                    />
                </svg>
            );
        case "S":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M28.405 16.48c0-1.179-.303-2.089-.91-2.73-.589-.641-1.447-.962-2.574-.962-.953 0-1.872.39-2.756 1.17-.866.78-1.3 1.707-1.3 2.782 0 .537.13.997.39 1.378.278.381.633.641 1.066.78.052.035.65.208 1.794.52a99.54 99.54 0 0 0 1.768.442c.26.07.59.243.988.52 1.04.745 1.56 1.855 1.56 3.328 0 .45-.069.936-.208 1.456a4.94 4.94 0 0 1-.52 1.43c-1.074 2.132-2.756 3.44-5.044 3.926a5.719 5.719 0 0 1-.884.052c-1.716 0-3.05-.477-4.004-1.43l-.26-.286-.728.806c-.485.537-.754.823-.806.858-.052.035-.138.052-.26.052-.225 0-.338-.07-.338-.208 0-.052.503-2.089 1.508-6.11.035-.104.208-.156.52-.156h.338c.087.087.13.147.13.182.018.017.01.156-.026.416a6.79 6.79 0 0 0-.13 1.326c.07 1.127.477 1.967 1.222 2.522.763.555 1.794.832 3.094.832.174 0 .382-.017.624-.052.815-.19 1.543-.624 2.184-1.3.66-.676 1.075-1.456 1.248-2.34.035-.139.052-.407.052-.806 0-1.11-.45-1.863-1.352-2.262-.104-.017-.728-.173-1.872-.468-1.144-.312-1.742-.485-1.794-.52a3.428 3.428 0 0 1-1.846-1.3c-.45-.659-.676-1.439-.676-2.34 0-.867.243-1.76.728-2.678.503-.936 1.101-1.655 1.794-2.158.884-.763 1.95-1.24 3.198-1.43.07-.017.165-.026.286-.026h.286c1.803 0 3.068.555 3.796 1.664l1.534-1.664h.104a.429.429 0 0 1 .13-.026c.226 0 .338.06.338.182 0 .121-.25 1.179-.754 3.172-.485 1.976-.754 2.99-.806 3.042-.052.052-.19.078-.416.078-.346 0-.52-.078-.52-.234 0-.104.01-.19.026-.26 0-.087.01-.269.026-.546a6.19 6.19 0 0 0 .052-.624Z"
                    />
                </svg>
            );
        case "T":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M25.198 30c-.468 0-1.248-.009-2.34-.026a165.36 165.36 0 0 0-2.522-.026c-2.236 0-3.657.017-4.264.052h-.39a1.192 1.192 0 0 1-.182-.208c0-.052.026-.217.078-.494.07-.225.156-.39.26-.494h.728c1.04 0 1.742-.026 2.106-.078.295-.017.511-.07.65-.156.017-.017.035-.026.052-.026.087-.052.173-.225.26-.52.087-.312.433-1.673 1.04-4.082.295-1.179.537-2.14.728-2.886 1.213-4.767 1.82-7.202 1.82-7.306 0-.087-.251-.13-.754-.13h-.806c-1.161 0-1.924.052-2.288.156-.745.156-1.309.46-1.69.91-.468.52-.98 1.577-1.534 3.172-.121.381-.208.607-.26.676-.052.07-.173.104-.364.104h-.078c-.225 0-.364-.026-.416-.078-.052-.052-.078-.095-.078-.13 0-.104.26-.936.78-2.496a74.24 74.24 0 0 1 .962-2.86c.104-.33.217-.555.338-.676h12.168c2.323 0 3.484.043 3.484.13v.026l.026.026v.078c0 .104-.156 1.092-.468 2.964-.295 1.872-.45 2.817-.468 2.834 0 .052-.035.095-.104.13-.035.035-.165.052-.39.052h-.26a.424.424 0 0 0-.104-.026l-.078-.078a.781.781 0 0 0-.078-.104c0-.121.026-.355.078-.702.156-.936.234-1.62.234-2.054 0-.399-.052-.728-.156-.988-.104-.26-.225-.46-.364-.598-.121-.139-.355-.243-.702-.312a6.478 6.478 0 0 0-.858-.13 33.843 33.843 0 0 0-1.196-.052c-.797 0-1.309.017-1.534.052-.208.017-.355.078-.442.182-.017.017-.633 2.444-1.846 7.28-1.213 4.819-1.82 7.263-1.82 7.332 0 .121.113.2.338.234.243.07.893.113 1.95.13.59 0 .936.009 1.04.026.121.017.2.07.234.156.017.052 0 .2-.052.442-.07.312-.147.494-.234.546L25.38 30h-.182Z"
                    />
                </svg>
            );
        case "U":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M17.078 26.36c0 .954.26 1.699.78 2.236.537.52 1.291.78 2.262.78 1.421 0 2.67-.46 3.744-1.378 1.092-.919 1.855-2.028 2.288-3.328 1.699-6.777 2.548-10.253 2.548-10.426 0-.45-.555-.72-1.664-.806-.364 0-.563-.06-.598-.182-.035-.052-.026-.19.026-.416.017-.052.035-.113.052-.182a.706.706 0 0 0 .026-.156.304.304 0 0 1 .078-.182l.052-.052c.017-.017.043-.026.078-.026h.13c.26 0 .71.017 1.352.052a51.568 51.568 0 0 0 3.224 0c.59-.017.997-.026 1.222-.026.26 0 .39.087.39.26 0 .07-.035.217-.104.442-.052.208-.087.32-.104.338-.052.087-.243.13-.572.13-1.23.052-2.002.399-2.314 1.04-.035.087-.468 1.76-1.3 5.018-.71 2.93-1.144 4.654-1.3 5.174-.52 1.543-1.465 2.912-2.834 4.108-1.37 1.196-2.895 1.794-4.576 1.794-1.404 0-2.583-.398-3.536-1.196-.953-.797-1.525-1.837-1.716-3.12a4.412 4.412 0 0 1-.026-.598c0-.399.017-.754.052-1.066.035-.156.269-1.118.702-2.886.45-1.785.884-3.536 1.3-5.252.433-1.716.65-2.643.65-2.782 0-.121-.494-.2-1.482-.234-.416 0-.667-.008-.754-.026a.238.238 0 0 1-.182-.156c-.035-.052-.026-.208.026-.468.07-.295.147-.468.234-.52.035-.017.182-.026.442-.026.71.035 1.89.052 3.536.052h1.716a78.767 78.767 0 0 1 1.612-.026c.225 0 .355.052.39.156.035.052.026.208-.026.468-.087.295-.173.468-.26.52h-.182a.766.766 0 0 0-.182.026h-.468c-.919.018-1.447.078-1.586.182a.458.458 0 0 0-.182.182c-.017.035-.26.954-.728 2.756a431.596 431.596 0 0 0-1.43 5.616c-.468 1.942-.72 3.085-.754 3.432a5.338 5.338 0 0 0-.052.754Z"
                    />
                </svg>
            );
        case "V":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M15.955 13.438c-.121-.121-.182-.216-.182-.286 0-.138.043-.312.13-.52.087-.208.156-.338.208-.39h.286c.728.052 1.638.078 2.73.078 2.045 0 3.25-.026 3.614-.078H23c.104.104.156.182.156.234.017.035 0 .19-.052.468-.07.243-.147.407-.234.494h-.546c-.381.035-.641.052-.78.052-.503.087-.78.217-.832.39 0 .035.251 2.219.754 6.552.503 4.316.763 6.483.78 6.5l1.898-3.042a950.553 950.553 0 0 0 3.796-6.136 279.681 279.681 0 0 0 1.95-3.198c.087-.173.13-.303.13-.39 0-.399-.39-.641-1.17-.728-.33 0-.494-.087-.494-.26 0-.087.026-.208.078-.364.052-.242.104-.399.156-.468.052-.07.165-.104.338-.104.295 0 .763.009 1.404.026.659.018 1.144.026 1.456.026 1.196 0 1.95-.017 2.262-.052h.182c.121.121.182.217.182.286 0 .312-.078.59-.234.832-.052.052-.2.078-.442.078-.936.052-1.681.33-2.236.832l-.182.182c-.07.087-.113.139-.13.156a.99.99 0 0 1-.182.26c-6.379 10.348-9.62 15.548-9.724 15.6l-.13.078-.468.026c-.312 0-.494-.017-.546-.052-.07-.035-.104-.078-.104-.13-.052-.104-.39-2.877-1.014-8.32-.659-5.512-.997-8.294-1.014-8.346-.104-.19-.546-.286-1.326-.286h-.728Z"
                    />
                </svg>
            );
        case "W":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M11.232 13.438c-.122-.121-.182-.216-.182-.286 0-.381.112-.684.338-.91h.312a37.18 37.18 0 0 0 2.6.078h.832c.38-.017.667-.026.858-.026h.806c.329-.017.58-.026.754-.026.173-.017.277-.026.312-.026h.26c.104.104.156.182.156.234.017.035 0 .19-.052.468-.07.243-.148.407-.234.494h-.546c-.503.018-.92.07-1.248.156-.26.104-.408.2-.442.286 0 .121.138 2.219.416 6.292.294 4.073.45 6.17.468 6.292 2.704-4.784 4.74-8.372 6.11-10.764l-.052-.962c-.052-.728-.14-1.118-.26-1.17-.104-.07-.468-.112-1.092-.13-.486 0-.746-.06-.78-.182-.035-.052-.026-.19.026-.416.086-.347.164-.537.234-.572.052-.017.32-.017.806 0 .589.035 1.412.052 2.47.052.502 0 1.092-.008 1.768-.026a68.319 68.319 0 0 1 1.456-.026c.294 0 .442.06.442.182 0 .07-.026.226-.078.468-.052.226-.087.347-.104.364-.035.104-.26.156-.676.156-.902.035-1.44.165-1.612.39-.052.052-.07.113-.052.182 0 .208.138 2.28.416 6.214.277 3.918.416 5.98.416 6.188l.052-.078a5.08 5.08 0 0 0 .156-.26c.086-.139.19-.303.312-.494.12-.208.268-.468.442-.78.19-.312.398-.667.624-1.066.225-.399.485-.867.78-1.404l1.014-1.742c2.236-3.934 3.37-5.954 3.406-6.058a.828.828 0 0 0 .052-.234c0-.277-.174-.485-.52-.624a2.459 2.459 0 0 0-1.066-.234c-.243 0-.364-.087-.364-.26 0-.052.017-.165.052-.338a.577.577 0 0 0 .026-.182.713.713 0 0 0 .026-.156l.052-.104a.17.17 0 0 1 .078-.078.29.29 0 0 1 .13-.026.677.677 0 0 1 .208-.026c.312 0 .788.009 1.43.026h1.43c1.144 0 1.88-.017 2.21-.052.242 0 .364.095.364.286 0 .104-.035.26-.104.468-.07.208-.122.33-.156.364-.052.052-.14.078-.26.078-1.092 0-1.933.407-2.522 1.222-.122.19-.191.295-.208.312l-4.394 7.696c-2.912 5.13-4.377 7.705-4.394 7.722-.104.122-.312.182-.624.182-.26 0-.425-.043-.494-.13-.052-.052-.226-2.184-.52-6.396-.278-4.23-.416-6.404-.416-6.526l-.312.468c-.382.642-1.491 2.574-3.328 5.798a403.24 403.24 0 0 1-1.794 3.146l-1.43 2.548c-.312.537-.477.815-.494.832-.104.173-.33.26-.676.26-.33 0-.512-.06-.546-.182 0-.052-.191-2.817-.572-8.294-.382-5.494-.581-8.25-.598-8.268-.035-.156-.122-.251-.26-.286-.14-.052-.477-.086-1.014-.104h-.624Z"
                    />
                </svg>
            );
        case "X":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M12.326 30c-.277 0-.416-.095-.416-.286 0-.07.026-.208.078-.416.07-.242.13-.381.182-.416.052-.035.217-.06.494-.078 1.491-.052 2.661-.502 3.51-1.352.174-.173 1.18-1.265 3.016-3.276 1.838-2.028 2.748-3.05 2.73-3.068-1.889-4.819-2.877-7.271-2.964-7.358-.156-.19-.702-.294-1.638-.312h-.728a1.188 1.188 0 0 1-.182-.208c0-.052.026-.216.078-.494.07-.225.156-.39.26-.494h.364c.59.035 1.638.052 3.146.052h1.664a75.269 75.269 0 0 1 1.612-.026c.174 0 .286.018.338.052.052.018.078.078.078.182 0 .416-.06.685-.182.806-.034.087-.182.13-.442.13-.658.07-1.109.208-1.352.416l-.052.026c.78 1.907 1.448 3.588 2.002 5.044L25.3 17.39c.815-.884 1.456-1.595 1.924-2.132.382-.398.616-.667.702-.806a.625.625 0 0 0 .104-.416c-.052-.26-.26-.442-.624-.546a1.45 1.45 0 0 1-.338-.052c-.156 0-.268-.035-.338-.104-.069-.07-.069-.268 0-.598.07-.225.156-.39.26-.494h.312c.4.052 1.44.078 3.12.078 1.508 0 2.366-.026 2.574-.078h.208c.122.121.182.217.182.286 0 .139-.043.312-.13.52-.069.208-.13.338-.182.39h-.416c-1.334.052-2.426.425-3.276 1.118-.156.156-.25.243-.286.26a.465.465 0 0 1-.13.13c-.069.07-.849.928-2.34 2.574l-2.262 2.496c0 .018.27.72.806 2.106.555 1.37 1.118 2.765 1.69 4.186.572 1.422.893 2.167.962 2.236.174.156.702.243 1.586.26.607 0 .91.07.91.208 0 .19-.06.468-.182.832-.052.087-.19.13-.416.13h-1.378a68.88 68.88 0 0 0-1.794-.026c-.52 0-1.135.009-1.846.026H23.22c-.225 0-.364-.043-.416-.13-.034-.052-.026-.216.026-.494.07-.26.13-.407.182-.442.052-.052.182-.087.39-.104.312-.017.642-.086.988-.208.295-.139.442-.225.442-.26-.017 0-.424-1.014-1.222-3.042l-1.222-3.068c-.017 0-.84.902-2.47 2.704-1.612 1.785-2.426 2.695-2.444 2.73a.647.647 0 0 0-.208.468c0 .33.252.546.754.65.018 0 .07.009.156.026h.156c.208 0 .312.087.312.26 0 .104-.026.252-.078.442-.052.226-.104.364-.156.416-.052.035-.182.052-.39.052h-1.534a68.47 68.47 0 0 0-1.56-.026c-1.352 0-2.218.017-2.6.052Z"
                    />
                </svg>
            );
        case "Y":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M29.994 12.294a40.338 40.338 0 0 0 2.912 0c.503-.035.85-.052 1.04-.052.226 0 .338.087.338.26 0 .052-.034.19-.104.416-.052.226-.086.347-.104.364-.034.104-.216.156-.546.156-1.248.087-2.262.52-3.042 1.3-.156.156-1.369 1.569-3.64 4.238l-3.354 3.926-.676 2.704c-.468 1.855-.702 2.825-.702 2.912 0 .19.59.286 1.768.286.295 0 .477.018.546.052.087.017.13.087.13.208 0 .364-.052.624-.156.78-.052.087-.199.13-.442.13h-1.56a82.14 82.14 0 0 0-1.924-.026c-.554 0-1.187.009-1.898.026h-1.482c-.294 0-.442-.06-.442-.182 0-.07.026-.216.078-.442.052-.242.087-.373.104-.39.035-.104.356-.156.962-.156.676-.017 1.118-.052 1.326-.104.226-.052.382-.165.468-.338.052-.086.304-1.022.754-2.808l.65-2.678c-.71-2.028-1.776-5.053-3.198-9.074a.973.973 0 0 0-.494-.286c-.156-.034-.537-.06-1.144-.078-.624 0-.936-.087-.936-.26 0-.035.026-.156.078-.364.07-.312.148-.494.234-.546.035-.017.156-.026.364-.026a45.9 45.9 0 0 0 2.834.078c2.115 0 3.337-.026 3.666-.078h.26c.104.104.156.182.156.234.018.035 0 .19-.052.468-.069.225-.156.39-.26.494h-.312c-.97 0-1.456.113-1.456.338 0 .087.434 1.37 1.3 3.848.867 2.462 1.309 3.7 1.326 3.718l.078-.078c.07-.07.174-.182.312-.338.139-.173.321-.381.546-.624.226-.26.503-.58.832-.962.33-.381.702-.823 1.118-1.326 1.855-2.166 2.843-3.336 2.964-3.51.156-.225.234-.416.234-.572 0-.277-.277-.442-.832-.494-.294 0-.442-.087-.442-.26 0-.035.018-.156.052-.364.052-.26.096-.416.13-.468.052-.07.174-.104.364-.104.243 0 .668.017 1.274.052Z"
                    />
                </svg>
            );
        case "Z":
            return (
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="40"
                    height="40"
                    fill="none"
                    viewBox="2 2 40 40"
                >
                    <path
                        fill="#21242C"
                        d="M14.634 29.792c0-.26.052-.494.156-.702 0-.017 2.297-2.608 6.89-7.774a4794.75 4794.75 0 0 1 6.942-7.826l-.26-.052h-1.924c-1.56.018-2.41.035-2.548.052-1.317.174-2.349.615-3.094 1.326-.745.71-1.326 1.707-1.742 2.99l-.052.156-.052.156-.052.104v.078l-.026.052c-.052.087-.217.13-.494.13-.295 0-.468-.087-.52-.26l.832-2.808c.139-.45.277-.918.416-1.404.156-.485.269-.858.338-1.118.087-.26.13-.399.13-.416.052-.104.095-.165.13-.182.052-.035 2.08-.052 6.084-.052h6.006c.087.087.13.156.13.208 0 .035-.052.26-.156.676-9.152 10.313-13.737 15.487-13.754 15.522l-.078.078h2.314c1.647-.017 2.54-.034 2.678-.052 1.265-.156 2.262-.529 2.99-1.118.745-.59 1.36-1.517 1.846-2.782.121-.277.26-.676.416-1.196.139-.433.234-.693.286-.78.07-.086.182-.13.338-.13h.104c.364 0 .546.096.546.286 0 .07-.355 1.24-1.066 3.51-.71 2.27-1.11 3.432-1.196 3.484-.052.035-2.14.052-6.266.052-4.108 0-6.18-.017-6.214-.052-.052-.052-.078-.104-.078-.156Z"
                    />
                </svg>
            );

        case "JUMP_OUT_PARENTHESES":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M12.9571 13.2929c.3905.3905.3905 1.0237 0 1.4142C11.6871 15.9771 11 17.9485 11 20c0 2.0515.6871 4.0229 1.9571 5.2929.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0C9.81292 24.9771 9 22.4485 9 20c0-2.4485.81292-4.9771 2.5429-6.7071.3905-.3905 1.0237-.3905 1.4142 0zm4.5858 0c.3905-.3905 1.0237-.3905 1.4142 0C20.6871 15.0229 21.5 17.5515 21.5 20c0 2.4485-.8129 4.9771-2.5429 6.7071-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142C18.8129 24.0229 19.5 22.0515 19.5 20c0-2.0515-.6871-4.0229-1.9571-5.2929-.3905-.3905-.3905-1.0237 0-1.4142z"
                        fill="#21242C"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M25.5429 16.2929c.3905-.3905 1.0237-.3905 1.4142 0l3 3c.3905.3905.3905 1.0237 0 1.4142l-3 3c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L26.8358 21H16.25c-.5523 0-1-.4477-1-1s.4477-1 1-1h10.5858l-1.2929-1.2929c-.3905-.3905-.3905-1.0237 0-1.4142z"
                        fill="#1865F2"
                    />
                </svg>
            );
        case "JUMP_OUT_EXPONENT":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M18.2929 15.2929c.3905-.3905 1.0237-.3905 1.4142 0L26 21.5858V20c0-.5523.4477-1 1-1s1 .4477 1 1v4.003c-.0004.1345-.0273.2627-.0759.3798-.0477.1152-.1178.2234-.2105.3177a.809004.809004 0 01-.0131.0131c-.1797.1765-.4259.2856-.6975.2864H23c-.5523 0-1-.4477-1-1s.4477-1 1-1h1.5858l-6.2929-6.2929c-.3905-.3905-.3905-1.0237 0-1.4142zM31 33c-.5523 0-1-.4477-1-1V16c0-.5523.4477-1 1-1s1 .4477 1 1v16c0 .5523-.4477 1-1 1z"
                        fill="#1865F2"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M9 9c-.55228 0-1 .44772-1 1v6c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1H9zm5 2h-4v4h4v-4z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "JUMP_OUT_BASE":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    style={{display: "block", transform: "scale(1,-1)"}}
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M18.2929 15.2929c.3905-.3905 1.0237-.3905 1.4142 0L26 21.5858V20c0-.5523.4477-1 1-1s1 .4477 1 1v4.003c-.0004.1345-.0273.2627-.0759.3798-.0477.1152-.1178.2234-.2105.3177a.809004.809004 0 01-.0131.0131c-.1797.1765-.4259.2856-.6975.2864H23c-.5523 0-1-.4477-1-1s.4477-1 1-1h1.5858l-6.2929-6.2929c-.3905-.3905-.3905-1.0237 0-1.4142zM31 33c-.5523 0-1-.4477-1-1V16c0-.5523.4477-1 1-1s1 .4477 1 1v16c0 .5523-.4477 1-1 1z"
                        fill="#1865F2"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M9 9c-.55228 0-1 .44772-1 1v6c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1H9zm5 2h-4v4h4v-4z"
                        fill="#21242C"
                    />
                </svg>
            );
        case "JUMP_INTO_NUMERATOR":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M9 11c.55228 0 1 .4477 1 1v16c0 .5523-.44772 1-1 1s-1-.4477-1-1V12c0-.5523.44772-1 1-1zm5 1c0-.5523.4477-1 1-1h3.9998c.0001 0 0 0 0 0 .1356 0 .2651.027.383.0759.1171.0484.2268.1201.3222.2149l.0042.0042c.1931.1942.29.448.2908.702V16c0 .5523-.4477 1-1 1s-1-.4477-1-1v-1.5858l-4.2929 4.2929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L16.5858 13H15c-.5523 0-1-.4477-1-1z"
                        fill="#1865F2"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M23 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
                        fill="#21242C"
                    />
                    <g clipPath="url(#clip0_874_41680)">
                        <path
                            fillRule="evenodd"
                            clipRule="evenodd"
                            d="M20 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H21c-.5523 0-1-.4477-1-1z"
                            fill="#21242C"
                        />
                    </g>
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M23 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
                        fill="#1865F2"
                    />
                    <defs>
                        <clipPath id="clip0_874_41680">
                            <path
                                fill="#fff"
                                transform="translate(20 19)"
                                d="M0 0h12v2H0z"
                            />
                        </clipPath>
                    </defs>
                </svg>
            );
        case "JUMP_OUT_NUMERATOR":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M26 13c.5523 0 1 .4477 1 1v11.5858l1.2929-1.2929c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142l-3 3c-.3905.3905-1.0237.3905-1.4142 0l-3-3c-.3905-.3905-.3905-1.0237 0-1.4142.3905-.3905 1.0237-.3905 1.4142 0L25 25.5858V14c0-.5523.4477-1 1-1zM13 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
                        fill="#1865F2"
                    />
                    <g clipPath="url(#clip0_874_41686)">
                        <path
                            fillRule="evenodd"
                            clipRule="evenodd"
                            d="M10 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H11c-.5523 0-1-.4477-1-1z"
                            fill="#21242C"
                        />
                    </g>
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M13 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
                        fill="#21242C"
                    />
                    <defs>
                        <clipPath id="clip0_874_41686">
                            <path
                                fill="#fff"
                                transform="translate(10 19)"
                                d="M0 0h12v2H0z"
                            />
                        </clipPath>
                    </defs>
                </svg>
            );

        case "JUMP_OUT_DENOMINATOR":
            return (
                <svg
                    width="40"
                    height="40"
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M31 11c.5523 0 1 .4477 1 1v16c0 .5523-.4477 1-1 1s-1-.4477-1-1V12c0-.5523.4477-1 1-1zm-9 9c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1v-1.5858l-4.2929 4.2929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L24.5858 21H23c-.5523 0-1-.4477-1-1z"
                        fill="#1865F2"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M11 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
                        fill="#21242C"
                    />
                    <g clipPath="url(#clip0_874_41692)">
                        <path
                            fillRule="evenodd"
                            clipRule="evenodd"
                            d="M8 20c0-.5523.44772-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H9c-.55228 0-1-.4477-1-1z"
                            fill="#21242C"
                        />
                    </g>
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M11 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
                        fill="#21242C"
                    />
                    <defs>
                        <clipPath id="clip0_874_41692">
                            <path
                                fill="#fff"
                                transform="translate(8 19)"
                                d="M0 0h12v2H0z"
                            />
                        </clipPath>
                    </defs>
                </svg>
            );

        case "UP":
            return (
                <svg width="48" height="48" viewBox="0 0 48 48">
                    <g
                        fill="none"
                        fillRule="evenodd"
                        transform="rotate(90 24 24)"
                    >
                        <path fill="none" d="M0 0h48v48H0z" />
                        <path fill="none" d="M12 12h24v24H12z" />
                        <path
                            stroke="#21242C"
                            strokeWidth="2"
                            strokeLinecap="round"
                            strokeLinejoin="round"
                            d="M22 18l-6 6 6 6M16 24h16"
                        />
                    </g>
                </svg>
            );
        case "DOWN":
            return (
                <svg width="48" height="48" viewBox="0 0 48 48">
                    <g
                        fill="none"
                        fillRule="evenodd"
                        transform="rotate(270 24 24)"
                    >
                        <path fill="none" d="M0 0h48v48H0z" />
                        <path fill="none" d="M12 12h24v24H12z" />
                        <path
                            stroke="#21242C"
                            strokeWidth="2"
                            strokeLinecap="round"
                            strokeLinejoin="round"
                            d="M22 18l-6 6 6 6M16 24h16"
                        />
                    </g>
                </svg>
            );
        case "LEFT":
            return (
                <svg width="48" height="48" viewBox="0 0 48 48">
                    <g fill="none" fillRule="evenodd">
                        <path fill="none" d="M0 0h48v48H0z" />
                        <path fill="none" d="M12 12h24v24H12z" />
                        <path
                            stroke="#21242C"
                            strokeWidth="2"
                            strokeLinecap="round"
                            strokeLinejoin="round"
                            d="M22 18l-6 6 6 6M16 24h16"
                        />
                    </g>
                </svg>
            );
        case "RIGHT":
            return (
                <svg width="48" height="48" viewBox="0 0 48 48">
                    <g
                        fill="none"
                        fillRule="evenodd"
                        transform="rotate(180 24 24)"
                    >
                        <path fill="none" d="M0 0h48v48H0z" />
                        <path fill="none" d="M12 12h24v24H12z" />
                        <path
                            stroke="#21242C"
                            strokeWidth="2"
                            strokeLinecap="round"
                            strokeLinejoin="round"
                            d="M22 18l-6 6 6 6M16 24h16"
                        />
                    </g>
                </svg>
            );
        default:
            // this line forces an exhaustive check of all keys;
            // if a key is not handled, the compiler will complain.
            const unhandledKey: never = id;
            throw new Error(`Unhandled key: ${unhandledKey}`);
    }
}
